@newskit-render/my-account 0.0.0-ee3c8b8cc → 0.0.0-eedbd5bac
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.js +4 -2
- package/dist/cjs/Components/Elements/ForwardButton/ForwardButton.js.map +1 -1
- package/dist/cjs/Components/Elements/NewsletterCard/NewsletterCard.js +6 -5
- package/dist/cjs/Components/Elements/NewsletterCard/NewsletterCard.js.map +1 -1
- package/dist/cjs/Components/Elements/OfferCard/OfferCard.js +8 -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 +2 -5
- package/dist/cjs/Components/Elements/SectionListItem/GridListItem.js +1 -1
- package/dist/cjs/Components/Elements/SectionListItem/GridListItem.js.map +1 -1
- package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.d.ts +1 -1
- package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.js +9 -9
- package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.js.map +1 -1
- package/dist/cjs/Components/Sections/CancelSubscription/types.d.ts +9 -1
- package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.d.ts +3 -0
- package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.js +3 -3
- package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.js.map +1 -1
- package/dist/cjs/Components/Sections/CancellationDetails/CancellationDetails.d.ts +2 -0
- package/dist/cjs/Components/Sections/CancellationDetails/CancellationDetails.js +172 -0
- package/dist/cjs/Components/Sections/CancellationDetails/CancellationDetails.js.map +1 -0
- package/dist/cjs/Components/Sections/CancellationDetails/index.d.ts +2 -0
- package/dist/cjs/Components/Sections/CancellationDetails/index.js +19 -0
- package/dist/cjs/Components/Sections/CancellationDetails/index.js.map +1 -0
- package/dist/cjs/Components/Sections/CancellationDetails/types.d.ts +37 -0
- package/dist/cjs/Components/Sections/CancellationDetails/types.js +3 -0
- package/dist/cjs/Components/Sections/CancellationDetails/types.js.map +1 -0
- package/dist/cjs/Components/Sections/CancellationReasons/CancellationReasons.d.ts +2 -0
- package/dist/cjs/Components/Sections/CancellationReasons/CancellationReasons.js +44 -0
- package/dist/cjs/Components/Sections/CancellationReasons/CancellationReasons.js.map +1 -0
- package/dist/cjs/Components/Sections/CancellationReasons/index.d.ts +1 -0
- package/dist/cjs/Components/Sections/CancellationReasons/index.js +18 -0
- package/dist/cjs/Components/Sections/CancellationReasons/index.js.map +1 -0
- package/dist/cjs/Components/Sections/CardContentContainer/CardContentContainer.js +1 -0
- package/dist/cjs/Components/Sections/CardContentContainer/CardContentContainer.js.map +1 -1
- package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellation.d.ts +2 -9
- package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellation.js +7 -2
- package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellation.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/Form/InviteFamilyMember/InviteFamilyMember.js +2 -0
- package/dist/cjs/Components/Sections/Form/InviteFamilyMember/InviteFamilyMember.js.map +1 -1
- package/dist/cjs/Components/Sections/NewslettersList/NewslettersList.js +52 -5
- package/dist/cjs/Components/Sections/NewslettersList/NewslettersList.js.map +1 -1
- package/dist/cjs/Components/Templates/CancellationStepperRender.d.ts +4 -11
- package/dist/cjs/Components/Templates/CancellationStepperRender.js +47 -67
- package/dist/cjs/Components/Templates/CancellationStepperRender.js.map +1 -1
- package/dist/cjs/Components/Templates/DisplayRenderer.js +8 -5
- package/dist/cjs/Components/Templates/DisplayRenderer.js.map +1 -1
- package/dist/cjs/api/index.d.ts +1 -0
- package/dist/cjs/api/index.js +1 -0
- package/dist/cjs/api/index.js.map +1 -1
- package/dist/cjs/api/mutateHandlerHelpers.js +5 -0
- package/dist/cjs/api/mutateHandlerHelpers.js.map +1 -1
- package/dist/cjs/api/trackEvent.d.ts +2 -0
- package/dist/cjs/api/trackEvent.js +83 -0
- package/dist/cjs/api/trackEvent.js.map +1 -0
- package/dist/cjs/context/types.d.ts +5 -2
- package/dist/cjs/context/types.js.map +1 -1
- package/dist/cjs/getProviderPropsTimes.js +3 -1
- package/dist/cjs/getProviderPropsTimes.js.map +1 -1
- package/dist/cjs/helpers/apiHandlerUtils.js +1 -0
- package/dist/cjs/helpers/apiHandlerUtils.js.map +1 -1
- package/dist/cjs/helpers/cancellationUtils.d.ts +2 -0
- package/dist/cjs/helpers/cancellationUtils.js +65 -1
- package/dist/cjs/helpers/cancellationUtils.js.map +1 -1
- package/dist/cjs/helpers/featureFlagUtils.d.ts +13 -3
- package/dist/cjs/helpers/featureFlagUtils.js +86 -7
- package/dist/cjs/helpers/featureFlagUtils.js.map +1 -1
- package/dist/cjs/helpers/subscriptionsUtils.d.ts +3 -0
- package/dist/cjs/helpers/subscriptionsUtils.js +32 -1
- package/dist/cjs/helpers/subscriptionsUtils.js.map +1 -1
- package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js +100 -29
- package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js.map +1 -1
- package/dist/cjs/pages/SubscriptionAndBilling/SubscriptionAndBillingContext.js.map +1 -1
- package/dist/cjs/pages/types.d.ts +18 -0
- 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/cjs/queries/mutateCancellation.js +1 -1
- package/dist/cjs/queries/mutateCancellation.js.map +1 -1
- package/dist/cjs/queries/mutateSendFamilyMemberInvite.js +1 -0
- package/dist/cjs/queries/mutateSendFamilyMemberInvite.js.map +1 -1
- package/dist/esm/Components/Elements/ForwardButton/ForwardButton.js +4 -2
- package/dist/esm/Components/Elements/ForwardButton/ForwardButton.js.map +1 -1
- package/dist/esm/Components/Elements/NewsletterCard/NewsletterCard.js +6 -5
- package/dist/esm/Components/Elements/NewsletterCard/NewsletterCard.js.map +1 -1
- package/dist/esm/Components/Elements/OfferCard/OfferCard.js +10 -9
- 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 +2 -5
- package/dist/esm/Components/Elements/SectionListItem/GridListItem.js +1 -1
- package/dist/esm/Components/Elements/SectionListItem/GridListItem.js.map +1 -1
- package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.d.ts +1 -1
- package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.js +11 -11
- package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.js.map +1 -1
- package/dist/esm/Components/Sections/CancelSubscription/types.d.ts +9 -1
- package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.d.ts +3 -0
- package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.js +3 -3
- package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.js.map +1 -1
- package/dist/esm/Components/Sections/CancellationDetails/CancellationDetails.d.ts +2 -0
- package/dist/esm/Components/Sections/CancellationDetails/CancellationDetails.js +145 -0
- package/dist/esm/Components/Sections/CancellationDetails/CancellationDetails.js.map +1 -0
- package/dist/esm/Components/Sections/CancellationDetails/index.d.ts +2 -0
- package/dist/esm/Components/Sections/CancellationDetails/index.js +3 -0
- package/dist/esm/Components/Sections/CancellationDetails/index.js.map +1 -0
- package/dist/esm/Components/Sections/CancellationDetails/types.d.ts +37 -0
- package/dist/esm/Components/Sections/CancellationDetails/types.js +2 -0
- package/dist/esm/Components/Sections/CancellationDetails/types.js.map +1 -0
- package/dist/esm/Components/Sections/CancellationReasons/CancellationReasons.d.ts +2 -0
- package/dist/esm/Components/Sections/CancellationReasons/CancellationReasons.js +37 -0
- package/dist/esm/Components/Sections/CancellationReasons/CancellationReasons.js.map +1 -0
- package/dist/esm/Components/Sections/CancellationReasons/index.d.ts +1 -0
- package/dist/esm/Components/Sections/CancellationReasons/index.js +2 -0
- package/dist/esm/Components/Sections/CancellationReasons/index.js.map +1 -0
- package/dist/esm/Components/Sections/CardContentContainer/CardContentContainer.js +1 -0
- package/dist/esm/Components/Sections/CardContentContainer/CardContentContainer.js.map +1 -1
- package/dist/esm/Components/Sections/ConfirmCancellation/ConfirmCancellation.d.ts +2 -9
- package/dist/esm/Components/Sections/ConfirmCancellation/ConfirmCancellation.js +7 -2
- package/dist/esm/Components/Sections/ConfirmCancellation/ConfirmCancellation.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/Form/InviteFamilyMember/InviteFamilyMember.js +2 -0
- package/dist/esm/Components/Sections/Form/InviteFamilyMember/InviteFamilyMember.js.map +1 -1
- package/dist/esm/Components/Sections/NewslettersList/NewslettersList.js +29 -2
- package/dist/esm/Components/Sections/NewslettersList/NewslettersList.js.map +1 -1
- package/dist/esm/Components/Templates/CancellationStepperRender.d.ts +4 -11
- package/dist/esm/Components/Templates/CancellationStepperRender.js +49 -69
- package/dist/esm/Components/Templates/CancellationStepperRender.js.map +1 -1
- package/dist/esm/Components/Templates/DisplayRenderer.js +8 -5
- package/dist/esm/Components/Templates/DisplayRenderer.js.map +1 -1
- package/dist/esm/api/index.d.ts +1 -0
- package/dist/esm/api/index.js +1 -0
- package/dist/esm/api/index.js.map +1 -1
- package/dist/esm/api/mutateHandlerHelpers.js +5 -0
- package/dist/esm/api/mutateHandlerHelpers.js.map +1 -1
- package/dist/esm/api/trackEvent.d.ts +2 -0
- package/dist/esm/api/trackEvent.js +79 -0
- package/dist/esm/api/trackEvent.js.map +1 -0
- package/dist/esm/context/types.d.ts +5 -2
- package/dist/esm/context/types.js.map +1 -1
- package/dist/esm/getProviderPropsTimes.js +3 -1
- package/dist/esm/getProviderPropsTimes.js.map +1 -1
- package/dist/esm/helpers/apiHandlerUtils.js +1 -0
- package/dist/esm/helpers/apiHandlerUtils.js.map +1 -1
- package/dist/esm/helpers/cancellationUtils.d.ts +2 -0
- package/dist/esm/helpers/cancellationUtils.js +59 -0
- package/dist/esm/helpers/cancellationUtils.js.map +1 -1
- package/dist/esm/helpers/featureFlagUtils.d.ts +13 -3
- package/dist/esm/helpers/featureFlagUtils.js +84 -6
- package/dist/esm/helpers/featureFlagUtils.js.map +1 -1
- package/dist/esm/helpers/subscriptionsUtils.d.ts +3 -0
- package/dist/esm/helpers/subscriptionsUtils.js +29 -0
- package/dist/esm/helpers/subscriptionsUtils.js.map +1 -1
- package/dist/esm/pages/CancellationStepper/CancellationStepperContext.js +98 -30
- package/dist/esm/pages/CancellationStepper/CancellationStepperContext.js.map +1 -1
- package/dist/esm/pages/SubscriptionAndBilling/SubscriptionAndBillingContext.js.map +1 -1
- package/dist/esm/pages/types.d.ts +18 -0
- 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/dist/esm/queries/mutateCancellation.js +1 -1
- package/dist/esm/queries/mutateCancellation.js.map +1 -1
- package/dist/esm/queries/mutateSendFamilyMemberInvite.js +1 -0
- package/dist/esm/queries/mutateSendFamilyMemberInvite.js.map +1 -1
- package/package.json +5 -5
|
@@ -35,9 +35,11 @@ var ForwardButton = function (_a) {
|
|
|
35
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"]);
|
|
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' }, buttonOverrides), eventContext: eventContext }, (href ? { href: (0, helpers_1.replaceBaseURL)(baseUrl, href) } : {}), { onClick: 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: onClick }),
|
|
39
39
|
text,
|
|
40
|
-
icon || react_1.default.createElement(IconFilledKeyboardArrowRight,
|
|
40
|
+
icon || (react_1.default.createElement(IconFilledKeyboardArrowRight, { overrides: {
|
|
41
|
+
stylePreset: 'buttonMinimalPrimary',
|
|
42
|
+
} }))))));
|
|
41
43
|
};
|
|
42
44
|
exports.ForwardButton = ForwardButton;
|
|
43
45
|
//# sourceMappingURL=ForwardButton.js.map
|
|
@@ -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,4CAAiD;AAEjD,IAAM,4BAA4B,GAAG,IAAA,uBAAa,EAAC,6BAAkB,CAAC,CAAA;AAiB/D,IAAM,aAAa,GAAwC,UAAC,EAUlE;IATC,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,EACJ,IAAI,cAT0D,kGAUlE,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,
|
|
1
|
+
{"version":3,"file":"ForwardButton.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ForwardButton/ForwardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAiC;AACjC,mCAOgB;AAChB,oDAA4D;AAE5D,4CAAiD;AAEjD,IAAM,4BAA4B,GAAG,IAAA,uBAAa,EAAC,6BAAkB,CAAC,CAAA;AAiB/D,IAAM,aAAa,GAAwC,UAAC,EAUlE;IATC,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,EACJ,IAAI,cAT0D,kGAUlE,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,OAAO;YAEf,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;AAxCY,QAAA,aAAa,iBAwCzB"}
|
|
@@ -99,9 +99,10 @@ var StyledHeaderBlockWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateOb
|
|
|
99
99
|
}, (0, newskit_1.getMediaQueryFromTheme)('sm'));
|
|
100
100
|
var StyledTitleBlockWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n span {\n display: block;\n }\n"], ["\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n\n span {\n display: block;\n }\n"])));
|
|
101
101
|
var StyledFrequencyWrapper = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n text-transform: uppercase;\n"], ["\n text-transform: uppercase;\n"])));
|
|
102
|
-
var StyledCardContentWrapper = (0, newskit_1.styled)(newskit_1.CardContent)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n grid-row-start: 1;\n grid-row-end: span 3;\n\n .switch-block {\n align-self: end;\n }\n"], ["\n grid-row-start: 1;\n grid-row-end: span 3;\n\n .switch-block {\n align-self: end;\n }\n"])));
|
|
103
|
-
var
|
|
104
|
-
var
|
|
102
|
+
var StyledCardContentWrapper = (0, newskit_1.styled)(newskit_1.CardContent)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n grid-row-start: 1;\n grid-row-end: span 3;\n\n .switch-block {\n align-self: end;\n margin-top: auto;\n flex-shrink: 0;\n }\n"], ["\n grid-row-start: 1;\n grid-row-end: span 3;\n\n .switch-block {\n align-self: end;\n margin-top: auto;\n flex-shrink: 0;\n }\n"])));
|
|
103
|
+
var StyledDescription = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: normal;\n min-height: 0;\n flex-shrink: 1;\n word-break: break-word;\n"], ["\n display: -webkit-box;\n -webkit-line-clamp: 3;\n -webkit-box-orient: vertical;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: normal;\n min-height: 0;\n flex-shrink: 1;\n word-break: break-word;\n"])));
|
|
104
|
+
var StyledSwitchWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n z-index: 0;\n"], ["\n z-index: 0;\n"])));
|
|
105
|
+
var StyledButton = newskit_1.styled.button(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: auto;\n height: auto;\n background: transparent;\n border: none;\n margin: 0;\n padding: 0;\n\n input {\n display: none;\n }\n"], ["\n width: auto;\n height: auto;\n background: transparent;\n border: none;\n margin: 0;\n padding: 0;\n\n input {\n display: none;\n }\n"])));
|
|
105
106
|
var NewslettersSubscriptionTypes;
|
|
106
107
|
(function (NewslettersSubscriptionTypes) {
|
|
107
108
|
NewslettersSubscriptionTypes["unsubscribe"] = "unsubscribe";
|
|
@@ -176,12 +177,12 @@ var NewsletterCard = function (_a) {
|
|
|
176
177
|
react_1.default.createElement(newskit_1.Headline, { overrides: headlineOverrides.content, headingAs: "span" }, title),
|
|
177
178
|
react_1.default.createElement(StyledFrequencyWrapper, { stylePreset: frequencyOverrides.stylePreset, typographyPreset: frequencyOverrides.typographyPreset }, frequency)),
|
|
178
179
|
react_1.default.createElement(shared_components_1.Image, { src: imageSrc, alt: title, width: "80", height: "80" })),
|
|
179
|
-
react_1.default.createElement(
|
|
180
|
+
react_1.default.createElement(StyledDescription, { stylePreset: textOverrides.stylePreset, typographyPreset: textOverrides.typographyPreset }, description),
|
|
180
181
|
react_1.default.createElement(StyledSwitchWrapper, { className: "switch-block", "data-testid": "switch-wrapper" },
|
|
181
182
|
react_1.default.createElement(StyledButton, { onClick: handleSubscribeBtnClick, "aria-label": switchButtonProps.label ||
|
|
182
183
|
"subscribe/unsubscribe button for the ".concat(title, " newsletter") },
|
|
183
184
|
react_1.default.createElement(newskit_1.Switch, { checked: isSubscribed, label: switchButtonProps.label, "aria-label": title, size: switchButtonProps.size, overrides: switchButtonProps.overrides }))))));
|
|
184
185
|
};
|
|
185
186
|
exports.NewsletterCard = NewsletterCard;
|
|
186
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
187
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
187
188
|
//# sourceMappingURL=NewsletterCard.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NewsletterCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/NewsletterCard/NewsletterCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,mCAWgB;AAChB,4DAA+B;AAE/B,uEAA2E;AAK3E,IAAM,wBAAwB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,oRAA4B,gHAOpE,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,sBAAsB,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,qGAAA,kCAE/C,IAAA,CAAA;AAED,IAAM,wBAAwB,GAAG,IAAA,gBAAM,EAAC,qBAAW,CAAC,
|
|
1
|
+
{"version":3,"file":"NewsletterCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/NewsletterCard/NewsletterCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,mCAWgB;AAChB,4DAA+B;AAE/B,uEAA2E;AAK3E,IAAM,wBAAwB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,oRAA4B,gHAOpE,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,sBAAsB,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,qGAAA,kCAE/C,IAAA,CAAA;AAED,IAAM,wBAAwB,GAAG,IAAA,gBAAM,EAAC,qBAAW,CAAC,kNAAA,+IASnD,IAAA,CAAA;AAED,IAAM,iBAAiB,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,oSAAA,iOAU1C,IAAA,CAAA;AAED,IAAM,mBAAmB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,sFAAA,mBAExC,IAAA,CAAA;AAED,IAAM,YAAY,GAAG,gBAAM,CAAC,MAAM,wNAAA,qJAWjC,IAAA,CAAA;AAWD,IAAK,4BAGJ;AAHD,WAAK,4BAA4B;IAC/B,2DAA6B,CAAA;IAC7B,uDAAyB,CAAA;AAC3B,CAAC,EAHI,4BAA4B,KAA5B,4BAA4B,QAGhC;AAEM,IAAM,cAAc,GAAkC,UAAC,EAiB7D;IAhBC,IAAA,UAAU,gBAAA,EACV,aAAa,mBAAA,EACb,oBAAoB,0BAAA,EACpB,iBAAiB,uBAAA,EACjB,kBAAkB,wBAAA,EAClB,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,iBAAiB,uBAAA,EACjB,WAAW,iBAAA,EACX,iBAAiB,uBAAA,EACjB,aAAa,mBAAA,EACb,mBAAmB,yBAAA,EACnB,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,oBAAoB,EAApB,YAAY,mBAAG,KAAK,KAAA,EACjB,IAAI,cAhBqD,2RAiB7D,CADQ;IAEC,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAGxC,IAAc,KAAK,GAKjB,UAAU,aALO,EACL,WAAW,GAIvB,UAAU,aAJa,EACX,mBAAmB,GAG/B,UAAU,aAHqB,EACjC,UAAU,GAER,UAAU,WAFF,EACV,SAAS,GACP,UAAU,UADH,CACG;IACd,IAAM,QAAQ,GAAG,gBAAgB,CAAC,UAAU,CAAC,IAAI,gBAAgB,CAAC,OAAO,CAAA;IAEnE,IAAA,KAAkC,IAAA,gBAAQ,EAAC,mBAAmB,CAAC,EAA9D,YAAY,QAAA,EAAE,eAAe,QAAiC,CAAA;IAC/D,IAAA,KAA0B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAxC,OAAO,QAAA,EAAE,YAAY,QAAmB,CAAA;IAE/C,IAAM,uBAAuB,GAAG,UAAO,EAAE;;;;;;oBACvC,EAAE,CAAC,cAAc,EAAE,CAAA;oBACnB,IAAI,OAAO;wBAAE,sBAAM;oBAEnB,YAAY,CAAC,IAAI,CAAC,CAAA;oBACZ,wBAAwB,GAAG,YAAY,CAAA;oBAC7C,eAAe,CAAC,CAAC,YAAY,CAAC,CAAA;oBAExB,mBAAmB,GAAG,YAAY;wBACtC,CAAC,CAAC,wBAAwB;wBAC1B,CAAC,CAAC,sBAAsB,CAAA;oBACpB,gBAAgB,GAAG,wBAAwB;wBAC/C,CAAC,CAAC,4BAA4B,CAAC,WAAW;wBAC1C,CAAC,CAAC,4BAA4B,CAAC,SAAS,CAAA;oBAEzB,qBAAM,IAAA,qBAAK,EAAC,qBAAqB,EAAE;4BAClD,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;gCACnB,UAAU,YAAA;gCACV,mBAAmB,qBAAA;6BACpB,CAAC;yBACH,CAAC,EAAA;;oBANI,QAAQ,GAAG,SAMf;oBAEF,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE,CAAC;wBACjB,eAAe,CAAC,wBAAwB,CAAC,CAAA;wBACzC,IAAI,WAAW;4BACb,WAAW,CAAC,KAAK,EAAE,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAE,IAAI,CAAC,CAAA;wBAC9D,YAAY,CAAC,KAAK,CAAC,CAAA;wBACnB,sBAAM;oBACR,CAAC;oBAEK,YAAY,GAAG,aAAa;wBAChC,CAAC,CAAC,MAAA,aAAa,CAAC,gBAAgB,CAAC,CAAC,OAAO,0CAAE,OAAO,CAAC,UAAU,EAAE,KAAK,CAAC;wBACrE,CAAC,CAAC,SAAS,CAAA;oBAEb,YAAY,CAAC,KAAK,CAAC,CAAA;oBAEb,mBAAmB,GAAG,uBAC1B,wBAAwB;wBACtB,CAAC,CAAC,4BAA4B,CAAC,WAAW;wBAC1C,CAAC,CAAC,4BAA4B,CAAC,SAAS,CAC1C,CAAA;oBACI,QAAQ,GAAG,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,OAAO,0CAAE,SAAS,KAAI,aAAa,CAAA;oBAEpE,SAAS,CACP,IAAA,oCAAgB,EACd,wBAAwB,EACxB,mBAAmB,EACnB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,sBAAY,CAAC,KAAK,CACnB,CACF,CAAA;oBAED,IACE,gBAAgB,KAAK,4BAA4B,CAAC,WAAW;wBAC7D,aAAa,EACb,CAAC;wBACD,aAAa,CAAC,KAAK,EAAE,EAAE,EAAE,mBAAmB,EAAE,YAAY,EAAE,IAAI,CAAC,CAAA;wBACjE,sBAAM;oBACR,CAAC;oBAED,IAAI,iBAAiB,EAAE,CAAC;wBACtB,iBAAiB,CAAC,KAAK,EAAE,EAAE,EAAE,mBAAmB,EAAE,YAAY,EAAE,IAAI,CAAC,CAAA;oBACvE,CAAC;;;;SACF,CAAA;IAED,OAAO,CACL,8BAAC,wBAAc,aAAC,SAAS,EAAE,aAAa,IAAM,IAAI;QAChD,8BAAC,wBAAwB,IACvB,MAAM,EAAE,oBAAoB,CAAC,MAAM,EACnC,IAAI,EAAE,oBAAoB,CAAC,IAAI,EAC/B,SAAS,EAAE,oBAAoB,CAAC,SAAS;YAEzC,8BAAC,wBAAwB,IAAC,YAAY,EAAE,YAAY;gBAClD,8BAAC,uBAAuB;oBACtB,8BAAC,kBAAQ,IAAC,SAAS,EAAE,iBAAiB,CAAC,OAAO,EAAE,SAAS,EAAC,MAAM,IAC7D,KAAK,CACG;oBACX,8BAAC,sBAAsB,IACrB,WAAW,EAAE,kBAAkB,CAAC,WAAW,EAC3C,gBAAgB,EAAE,kBAAkB,CAAC,gBAAgB,IAEpD,SAAS,CACa,CACD;gBAC1B,8BAAC,yBAAK,IAAC,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAClC;YAC3B,8BAAC,iBAAiB,IAChB,WAAW,EAAE,aAAa,CAAC,WAAW,EACtC,gBAAgB,EAAE,aAAa,CAAC,gBAAgB,IAE/C,WAAW,CACM;YACpB,8BAAC,mBAAmB,IAClB,SAAS,EAAC,cAAc,iBACZ,gBAAgB;gBAI5B,8BAAC,YAAY,IACX,OAAO,EAAE,uBAAuB,gBAE9B,iBAAiB,CAAC,KAAK;wBACvB,+CAAwC,KAAK,gBAAa;oBAG5D,8BAAC,gBAAM,IACL,OAAO,EAAE,YAAY,EACrB,KAAK,EAAE,iBAAiB,CAAC,KAAK,gBAClB,KAAK,EACjB,IAAI,EAAE,iBAAiB,CAAC,IAAI,EAC5B,SAAS,EAAE,iBAAiB,CAAC,SAAS,GACtC,CACW,CACK,CACG,CACZ,CAClB,CAAA;AACH,CAAC,CAAA;AAzJY,QAAA,cAAc,kBAyJ1B"}
|
|
@@ -31,19 +31,20 @@ var newskit_1 = require("newskit");
|
|
|
31
31
|
var styled_1 = require("./styled");
|
|
32
32
|
var helpers_1 = require("../../../helpers");
|
|
33
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,
|
|
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, 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"]);
|
|
35
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
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
36
|
+
react_1.default.createElement(newskit_1.CardContent, { rowGap: "space050", overrides: {
|
|
37
|
+
paddingBlock: 'space020',
|
|
38
|
+
paddingInline: { xs: 'space000', md: 'space020' },
|
|
39
|
+
} },
|
|
40
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)),
|
|
41
|
+
offerLabel && typeof offerLabel === 'string' && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-offer-label", typographyPreset: "editorialRegularHeadline070", stylePreset: "inkDark010" }, offerLabelOverrides), offerLabel)),
|
|
42
|
+
typeof offerLabel !== 'string' ? offerLabel : null,
|
|
42
43
|
react_1.default.createElement(newskit_1.GridLayout, { columnGap: "space020", columns: "auto auto", justifyContent: "space-between" },
|
|
43
44
|
currentPrice && (react_1.default.createElement(styled_1.StrikedThroughTextBlock, __assign({ "data-testid": "offer-card-current-price", typographyPreset: "editorialRegularDisplay003", stylePreset: "inkSubtle" }, currentPriceOverrides), currentPrice)),
|
|
44
45
|
newPrice && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-new-price", typographyPreset: "editorialRegularDisplay003" }, newsPriceOverrides, { stylePreset: "inkDark010" }), newPrice))),
|
|
45
46
|
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: "
|
|
47
|
+
description && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-description", typographyPreset: "editorialRegularDisplay002", stylePreset: "inkBase" }, descriptionOverrides), description))),
|
|
47
48
|
react_1.default.createElement(newskit_1.CardActions, { columns: "1fr", overrides: {
|
|
48
49
|
paddingBlockStart: 'space050',
|
|
49
50
|
} }, buttonText && (react_1.default.createElement(newskit_1.Button, __assign({ "data-testid": "offer-card-action", overrides: { width: '100%' } }, buttonOverrides, (buttonHref
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OfferCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/OfferCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,
|
|
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;
|
|
@@ -4,19 +4,9 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
|
|
|
4
4
|
return cooked;
|
|
5
5
|
};
|
|
6
6
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
-
exports.StylesCardComposable = exports.
|
|
7
|
+
exports.StylesCardComposable = exports.StrikedThroughTextBlock = void 0;
|
|
8
8
|
var newskit_1 = require("newskit");
|
|
9
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.
|
|
11
|
-
|
|
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;
|
|
10
|
+
exports.StylesCardComposable = (0, newskit_1.styled)(newskit_1.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"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface020'), (0, newskit_1.getShadowCssFromTheme)('box-shadow', 'shadow030'));
|
|
11
|
+
var templateObject_1, templateObject_2;
|
|
22
12
|
//# sourceMappingURL=styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,mCAMgB;AAEH,QAAA,uBAAuB,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,yGAAA,sCAEvD,KAAA;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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ButtonProps, CardComposableProps, EventContext, TextBlockProps } from 'newskit';
|
|
2
|
-
import {
|
|
2
|
+
import { ReactNode } from 'react';
|
|
3
3
|
export interface OfferCardProps extends CardComposableProps {
|
|
4
4
|
id: string;
|
|
5
5
|
title: string;
|
|
@@ -10,11 +10,8 @@ export interface OfferCardProps extends CardComposableProps {
|
|
|
10
10
|
newsPriceOverrides?: TextBlockProps;
|
|
11
11
|
description?: string | string[] | React.ReactNode;
|
|
12
12
|
descriptionOverrides?: TextBlockProps;
|
|
13
|
-
offerLabel?:
|
|
13
|
+
offerLabel?: ReactNode;
|
|
14
14
|
offerLabelOverrides?: TextBlockProps;
|
|
15
|
-
ribbonText?: string;
|
|
16
|
-
ribbonTextOverrides?: TextBlockProps;
|
|
17
|
-
ribbonOverrides?: RibbonProps;
|
|
18
15
|
buttonText?: string;
|
|
19
16
|
buttonHref?: string;
|
|
20
17
|
baseUrl?: string;
|
|
@@ -69,7 +69,7 @@ var GridListItem = function (_a) {
|
|
|
69
69
|
react_1.default.createElement(StyledHeaderBlockWrapper, __assign({ stackDistribution: "space-between" }, headerOverrides),
|
|
70
70
|
react_1.default.createElement(StyledTitleBlockWrapper, null,
|
|
71
71
|
react_1.default.createElement(StyledTextBlock, __assign({ "data-testid": "list-item-label" }, labelOverrides), label)),
|
|
72
|
-
image && (react_1.default.createElement(shared_components_1.Image, __assign({ "data-testid": "list-item-image", src: image, alt: label || '', width: "80", height: "80" }, imageOverrides)))),
|
|
72
|
+
image && (react_1.default.createElement(shared_components_1.Image, __assign({ "data-testid": "list-item-image", src: image, alt: label || '', width: "80", height: "80", priority: true }, imageOverrides)))),
|
|
73
73
|
react_1.default.createElement(StyledTextBlock, __assign({ "data-testid": "list-item-subtitle" }, subtitleOverrides), subtitle)))));
|
|
74
74
|
};
|
|
75
75
|
exports.GridListItem = GridListItem;
|
|
@@ -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,EAgBzD;IAfC,IAAA,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACd,iBAAiB,uBAAA,EACjB,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,cAfgD,gNAgBzD,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;gBACjB,EAAE,EAAE,KAAK,CAAC,EAAE,IAAI,EAAE;gBAClB,KAAK,EAAE,KAAK,IAAI,EAAE;gBAClB,YAAY,EAAE,YAAY;aAC3B,CAAC,CAAA;QACJ,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,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,mBAAmB,KAAI,EAAE,EACvC,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,aACb,SAAS,EAAE,aAAa,iBACZ,WAAW,IACnB,KAAK;QAET,8BAAC,cAAI,mBACS,gBAAgB,EAC5B,cAAc,QACd,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,IAAI,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,EAC/C,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,mBAChB,CAAC,IAAI,gBACR,SAAS,IAAI,EAAE;YAE3B,8BAAC,wBAAwB,aACvB,MAAM,EAAE,UAAU,IACd,kBAAkB,IACtB,OAAO,EAAE,eAAe;gBAExB,8BAAC,wBAAwB,aACvB,iBAAiB,EAAC,eAAe,IAC7B,eAAe;oBAEnB,8BAAC,uBAAuB;wBACtB,8BAAC,eAAe,4BACF,iBAAiB,IACzB,cAAc,GAEjB,KAAK,CACU,CACM;oBACzB,KAAK,IAAI,CACR,8BAAC,yBAAK,4BACQ,iBAAiB,EAC7B,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,KAAK,IAAI,EAAE,EAChB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,
|
|
1
|
+
{"version":3,"file":"GridListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/GridListItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { CancelSubscriptionProps } from './types';
|
|
2
|
-
export declare const CancelSubscription: ({ primaryButton, secondaryButton, introductionProps, modal: { content, belowItemExtra, ...modalProps }, overrides, }: CancelSubscriptionProps) => JSX.Element;
|
|
2
|
+
export declare const CancelSubscription: ({ primaryButton, secondaryButton, introductionProps, modal: { content, belowItemExtra, ...modalProps }, overrides, mpcode, cpn, }: CancelSubscriptionProps) => JSX.Element;
|
|
@@ -37,17 +37,19 @@ var LayoutContentContainer_1 = require("../LayoutContentContainer");
|
|
|
37
37
|
var SectionListItem_1 = require("../../Elements/SectionListItem");
|
|
38
38
|
var ForwardButton_1 = require("../../Elements/ForwardButton/ForwardButton");
|
|
39
39
|
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
|
-
var StyledGridLayout = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", " {\n text-align: center;\n }\n"], ["\n ", " {\n text-align: center;\n }\n"])), (0, newskit_1.getMediaQueryFromTheme)('sm'));
|
|
41
40
|
var CancelSubscription = function (_a) {
|
|
42
41
|
var _b, _c;
|
|
43
|
-
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;
|
|
42
|
+
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, mpcode = _a.mpcode, cpn = _a.cpn;
|
|
43
|
+
var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
|
|
44
44
|
var _e = react_1.default.useState(false), modalOpen = _e[0], setModalOpen = _e[1];
|
|
45
45
|
var onDismissModal = function () {
|
|
46
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
|
|
47
|
+
fireEvent((0, shared_components_1.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 : '', undefined, undefined, (_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, 'navigation', newskit_1.EventTrigger.Click));
|
|
46
48
|
setModalOpen(false);
|
|
47
49
|
};
|
|
48
|
-
return (react_1.default.createElement(
|
|
49
|
-
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: (_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 }),
|
|
50
|
-
(primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.text) && (react_1.default.createElement(newskit_1.Button, { 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 === null || primaryButton === void 0 ? void 0 : primaryButton.text)),
|
|
50
|
+
return (react_1.default.createElement(newskit_1.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' } },
|
|
51
|
+
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
|
+
(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)),
|
|
51
53
|
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 () {
|
|
52
54
|
setModalOpen(true);
|
|
53
55
|
}, 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 } }),
|
|
@@ -57,10 +59,8 @@ var CancelSubscription = function (_a) {
|
|
|
57
59
|
var href = _a.href, props = __rest(_a, ["href"]);
|
|
58
60
|
return (react_1.default.createElement(StyledStructuredListItem, __assign({ key: props.id }, props, { containerOverrides: content.itemContainerOverrides })));
|
|
59
61
|
}))),
|
|
60
|
-
react_1.default.createElement(ForwardButton_1.ForwardButton, { label: "or", buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.buttonOverrides),
|
|
61
|
-
onDismissModal();
|
|
62
|
-
}, 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 })))));
|
|
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 })))));
|
|
63
63
|
};
|
|
64
64
|
exports.CancelSubscription = CancelSubscription;
|
|
65
|
-
var templateObject_1
|
|
65
|
+
var templateObject_1;
|
|
66
66
|
//# sourceMappingURL=CancelSubscription.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CancelSubscription.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscription/CancelSubscription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,
|
|
1
|
+
{"version":3,"file":"CancelSubscription.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscription/CancelSubscription.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,18 @@
|
|
|
1
|
-
import { ContentContainerProps, EventContext, IntroductionProps, ModalProps } from '@newskit-render/shared-components';
|
|
1
|
+
import { ContentContainerProps, EventContext, IntroductionProps, ModalProps, TealiumEventContext } from '@newskit-render/shared-components';
|
|
2
2
|
import { SectionListItemProps } from '../../Elements/SectionListItem';
|
|
3
3
|
import { GridLayoutProps } from '../../SharedTypes/GridLayoutProps';
|
|
4
4
|
import { BelowItemExtraProps } from 'context/types';
|
|
5
5
|
export interface CancelSubscriptionProps extends Omit<ContentContainerProps, 'items'> {
|
|
6
6
|
id?: string;
|
|
7
|
+
cpn?: string;
|
|
8
|
+
mpcode?: string;
|
|
7
9
|
primaryButton?: {
|
|
8
10
|
text: string;
|
|
9
11
|
href?: string;
|
|
10
12
|
eventContext?: EventContext;
|
|
13
|
+
props?: {
|
|
14
|
+
target?: string;
|
|
15
|
+
};
|
|
11
16
|
};
|
|
12
17
|
secondaryButton?: {
|
|
13
18
|
text: string;
|
|
@@ -54,6 +59,9 @@ export interface CancelSubscriptionProps extends Omit<ContentContainerProps, 'it
|
|
|
54
59
|
itemContainerOverrides?: GridLayoutProps;
|
|
55
60
|
items: SectionListItemProps[];
|
|
56
61
|
};
|
|
62
|
+
closeButton?: {
|
|
63
|
+
eventContext: TealiumEventContext;
|
|
64
|
+
};
|
|
57
65
|
belowItemExtra?: BelowItemExtraProps;
|
|
58
66
|
};
|
|
59
67
|
}
|
package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.d.ts
CHANGED
|
@@ -2,6 +2,7 @@ import { FC } from 'react';
|
|
|
2
2
|
import { OfferCardProps } from '../../Elements/OfferCard/types';
|
|
3
3
|
import { HeaderProps } from '@newskit-render/shared-components';
|
|
4
4
|
import { ForwardButtonProps } from '../../Elements/ForwardButton/ForwardButton';
|
|
5
|
+
import { StepController } from '../../Templates/CancellationStepperRender';
|
|
5
6
|
export interface CancelSubscriptionDowngradeProps {
|
|
6
7
|
offers: OfferCardProps[];
|
|
7
8
|
header?: HeaderProps;
|
|
@@ -12,5 +13,7 @@ export interface CancelSubscriptionDowngradeProps {
|
|
|
12
13
|
alt?: string;
|
|
13
14
|
};
|
|
14
15
|
continueButton?: ForwardButtonProps;
|
|
16
|
+
serviceCancellationDate?: string | null;
|
|
17
|
+
onNextStep?: StepController;
|
|
15
18
|
}
|
|
16
19
|
export declare const CancelSubscriptionDowngrade: FC<CancelSubscriptionDowngradeProps>;
|
package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.js
CHANGED
|
@@ -28,15 +28,15 @@ var ForwardButton_1 = require("../../Elements/ForwardButton/ForwardButton");
|
|
|
28
28
|
// Image styles are not final and will be changed after the design is finalized.
|
|
29
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
30
|
var CancelSubscriptionDowngrade = function (_a) {
|
|
31
|
-
var header = _a.header, heroImage = _a.heroImage, offers = _a.offers, continueButton = _a.continueButton;
|
|
31
|
+
var header = _a.header, heroImage = _a.heroImage, offers = _a.offers, continueButton = _a.continueButton, onNextStep = _a.onNextStep;
|
|
32
32
|
return (react_1.default.createElement(newskit_1.GridLayout, { columns: { md: '1fr 1fr', xs: '1fr' } },
|
|
33
33
|
react_1.default.createElement(newskit_1.GridLayoutItem, null,
|
|
34
34
|
react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
|
|
35
35
|
react_1.default.createElement("figure", null,
|
|
36
36
|
react_1.default.createElement(StyledImage, __assign({ alt: "cancel-hero" }, heroImage)))),
|
|
37
|
-
react_1.default.createElement(newskit_1.GridLayout, { justifyContent: "center", overrides: { marginBlockStart: { xs: '
|
|
37
|
+
react_1.default.createElement(newskit_1.GridLayout, { justifyContent: "center", overrides: { marginBlockStart: { xs: 'space120', md: 'space000' } } }, offers.map(function (offer) { return (react_1.default.createElement(OfferCard_1.default, __assign({}, offer, { key: offer.id }))); })),
|
|
38
38
|
continueButton && (react_1.default.createElement(newskit_1.GridLayoutItem, { column: "1 / -1", justifySelf: 'center' },
|
|
39
|
-
react_1.default.createElement(ForwardButton_1.ForwardButton, __assign({}, continueButton))))));
|
|
39
|
+
react_1.default.createElement(ForwardButton_1.ForwardButton, __assign({}, continueButton, { onClick: onNextStep }))))));
|
|
40
40
|
};
|
|
41
41
|
exports.CancelSubscriptionDowngrade = CancelSubscriptionDowngrade;
|
|
42
42
|
var templateObject_1;
|
package/dist/cjs/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.js.map
CHANGED
|
@@ -1 +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;
|
|
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;AAGnD,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;AAeM,IAAM,2BAA2B,GAEpC,UAAC,EAAyD;QAAvD,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,cAAc,oBAAA,EAAE,UAAU,gBAAA;IAC1D,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,IAAE,OAAO,EAAE,UAAU,IAAI,CAC3C,CAClB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,2BAA2B,+BA2BvC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { CancellationDetailsProps } from './types';
|
|
2
|
+
export declare const CancellationDetails: ({ header, containerOverrides, user, subscriptionName, subscriptionEnd, selectedReason, defaultCancellationReason, dividerOverrides, continueButton, genericErrorMessage, setServiceCancellationDate, handleError, onNextStep, }: CancellationDetailsProps) => JSX.Element;
|
|
@@ -0,0 +1,172 @@
|
|
|
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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
+
if (k2 === undefined) k2 = k;
|
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
22
|
+
}
|
|
23
|
+
Object.defineProperty(o, k2, desc);
|
|
24
|
+
}) : (function(o, m, k, k2) {
|
|
25
|
+
if (k2 === undefined) k2 = k;
|
|
26
|
+
o[k2] = m[k];
|
|
27
|
+
}));
|
|
28
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
29
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
30
|
+
}) : function(o, v) {
|
|
31
|
+
o["default"] = v;
|
|
32
|
+
});
|
|
33
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
34
|
+
if (mod && mod.__esModule) return mod;
|
|
35
|
+
var result = {};
|
|
36
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
37
|
+
__setModuleDefault(result, mod);
|
|
38
|
+
return result;
|
|
39
|
+
};
|
|
40
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
41
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
42
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
43
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
44
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
45
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
46
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
50
|
+
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
51
|
+
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
52
|
+
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
53
|
+
function step(op) {
|
|
54
|
+
if (f) throw new TypeError("Generator is already executing.");
|
|
55
|
+
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
56
|
+
if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
|
|
57
|
+
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
58
|
+
switch (op[0]) {
|
|
59
|
+
case 0: case 1: t = op; break;
|
|
60
|
+
case 4: _.label++; return { value: op[1], done: false };
|
|
61
|
+
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
62
|
+
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
63
|
+
default:
|
|
64
|
+
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
65
|
+
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
66
|
+
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
67
|
+
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
68
|
+
if (t[2]) _.ops.pop();
|
|
69
|
+
_.trys.pop(); continue;
|
|
70
|
+
}
|
|
71
|
+
op = body.call(thisArg, _);
|
|
72
|
+
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
73
|
+
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
74
|
+
}
|
|
75
|
+
};
|
|
76
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
77
|
+
exports.CancellationDetails = void 0;
|
|
78
|
+
var react_1 = __importStar(require("react"));
|
|
79
|
+
var newskit_1 = require("newskit");
|
|
80
|
+
var shared_components_1 = require("@newskit-render/shared-components");
|
|
81
|
+
var cancellationUtils_1 = require("../../../helpers/cancellationUtils");
|
|
82
|
+
var StyledGridLayoutItem = (0, newskit_1.styled)(newskit_1.GridLayoutItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: 1px solid;\n ", "\n"], ["\n border: 1px solid;\n ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'neutral040'));
|
|
83
|
+
var CancellationDetails = function (_a) {
|
|
84
|
+
var _b, _c, _d, _e, _f;
|
|
85
|
+
var header = _a.header, containerOverrides = _a.containerOverrides, user = _a.user, subscriptionName = _a.subscriptionName, subscriptionEnd = _a.subscriptionEnd, selectedReason = _a.selectedReason, defaultCancellationReason = _a.defaultCancellationReason, dividerOverrides = _a.dividerOverrides, continueButton = _a.continueButton, genericErrorMessage = _a.genericErrorMessage, setServiceCancellationDate = _a.setServiceCancellationDate, handleError = _a.handleError, onNextStep = _a.onNextStep;
|
|
86
|
+
var _g = (0, react_1.useState)(false), isCancellingSubscription = _g[0], setIsCancellingSubscription = _g[1];
|
|
87
|
+
var subscription = (_b = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _b === void 0 ? void 0 : _b[0];
|
|
88
|
+
var packName = (subscription === null || subscription === void 0 ? void 0 : subscription.packName) || '';
|
|
89
|
+
var subscriptionTitle = subscriptionName
|
|
90
|
+
? (0, cancellationUtils_1.replaceSubscriptionName)(subscriptionName, packName)
|
|
91
|
+
: packName;
|
|
92
|
+
var nextBillCycleDate = (_c = subscription === null || subscription === void 0 ? void 0 : subscription.billingDetails) === null || _c === void 0 ? void 0 : _c.nextBillCycleDate;
|
|
93
|
+
var remainingTimeText = typeof (header === null || header === void 0 ? void 0 : header.description) === 'string' && nextBillCycleDate
|
|
94
|
+
? (0, cancellationUtils_1.replaceRemainingSubscriptionTime)(header.description, nextBillCycleDate)
|
|
95
|
+
: '';
|
|
96
|
+
var headerProps = __assign(__assign({}, header), { description: remainingTimeText });
|
|
97
|
+
var subscriptionEndMessage = ((_d = subscriptionEnd === null || subscriptionEnd === void 0 ? void 0 : subscriptionEnd.messages) === null || _d === void 0 ? void 0 : _d.daysRemaining) &&
|
|
98
|
+
((_e = subscriptionEnd === null || subscriptionEnd === void 0 ? void 0 : subscriptionEnd.messages) === null || _e === void 0 ? void 0 : _e.monthsRemaining) &&
|
|
99
|
+
nextBillCycleDate
|
|
100
|
+
? (0, cancellationUtils_1.getSubscriptionEndMessage)(subscriptionEnd.messages, nextBillCycleDate)
|
|
101
|
+
: '';
|
|
102
|
+
var showToastMessage = function () {
|
|
103
|
+
handleError === null || handleError === void 0 ? void 0 : handleError('cancellation', {}, genericErrorMessage, undefined, 4000);
|
|
104
|
+
};
|
|
105
|
+
var handleConfirmCancellationClick = function (event) { return __awaiter(void 0, void 0, void 0, function () {
|
|
106
|
+
var selectedCancellationReason, response, parsedResponse, _a;
|
|
107
|
+
var _b, _c;
|
|
108
|
+
return __generator(this, function (_d) {
|
|
109
|
+
switch (_d.label) {
|
|
110
|
+
case 0:
|
|
111
|
+
if (isCancellingSubscription) {
|
|
112
|
+
return [2 /*return*/];
|
|
113
|
+
}
|
|
114
|
+
selectedCancellationReason = (selectedReason === null || selectedReason === void 0 ? void 0 : selectedReason.label) || defaultCancellationReason;
|
|
115
|
+
if (!(subscription === null || subscription === void 0 ? void 0 : subscription.id) || !selectedCancellationReason) {
|
|
116
|
+
showToastMessage();
|
|
117
|
+
return [2 /*return*/];
|
|
118
|
+
}
|
|
119
|
+
setIsCancellingSubscription(true);
|
|
120
|
+
_d.label = 1;
|
|
121
|
+
case 1:
|
|
122
|
+
_d.trys.push([1, 6, 7, 8]);
|
|
123
|
+
return [4 /*yield*/, (0, cancellationUtils_1.cancelSubscription)(subscription.id, selectedCancellationReason)];
|
|
124
|
+
case 2:
|
|
125
|
+
response = _d.sent();
|
|
126
|
+
if (!!(response === null || response === void 0 ? void 0 : response.ok)) return [3 /*break*/, 3];
|
|
127
|
+
showToastMessage();
|
|
128
|
+
return [3 /*break*/, 5];
|
|
129
|
+
case 3: return [4 /*yield*/, response.json()];
|
|
130
|
+
case 4:
|
|
131
|
+
parsedResponse = _d.sent();
|
|
132
|
+
setServiceCancellationDate === null || setServiceCancellationDate === void 0 ? void 0 : setServiceCancellationDate((_c = (_b = parsedResponse === null || parsedResponse === void 0 ? void 0 : parsedResponse.data) === null || _b === void 0 ? void 0 : _b.cancelSubscription) === null || _c === void 0 ? void 0 : _c.serviceCancellationDate);
|
|
133
|
+
onNextStep === null || onNextStep === void 0 ? void 0 : onNextStep(event);
|
|
134
|
+
_d.label = 5;
|
|
135
|
+
case 5: return [3 /*break*/, 8];
|
|
136
|
+
case 6:
|
|
137
|
+
_a = _d.sent();
|
|
138
|
+
showToastMessage();
|
|
139
|
+
return [3 /*break*/, 8];
|
|
140
|
+
case 7:
|
|
141
|
+
setIsCancellingSubscription(false);
|
|
142
|
+
return [7 /*endfinally*/];
|
|
143
|
+
case 8: return [2 /*return*/];
|
|
144
|
+
}
|
|
145
|
+
});
|
|
146
|
+
}); };
|
|
147
|
+
return (react_1.default.createElement(newskit_1.GridLayout, null,
|
|
148
|
+
react_1.default.createElement(newskit_1.GridLayoutItem, null,
|
|
149
|
+
react_1.default.createElement(shared_components_1.Header, __assign({}, headerProps))),
|
|
150
|
+
react_1.default.createElement(StyledGridLayoutItem, __assign({ paddingInline: "space040", paddingBlockStart: "space040", paddingBlockEnd: "space070", marginBlockEnd: "space100" }, containerOverrides),
|
|
151
|
+
subscriptionTitle && (react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: {
|
|
152
|
+
xs: 'utilityHeading010',
|
|
153
|
+
md: 'utilityHeading020',
|
|
154
|
+
} }, subscriptionEnd === null || subscriptionEnd === void 0 ? void 0 : subscriptionEnd.titleOverrides, { marginBlock: "space010" }), subscriptionTitle)),
|
|
155
|
+
react_1.default.createElement(newskit_1.Divider, __assign({ overrides: {
|
|
156
|
+
marginBlock: 'space030',
|
|
157
|
+
marginBlockStart: 'space040',
|
|
158
|
+
} }, dividerOverrides)),
|
|
159
|
+
react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityBody020", stylePreset: "inkSubtle" }, subscriptionEnd === null || subscriptionEnd === void 0 ? void 0 : subscriptionEnd.descriptionOverrides),
|
|
160
|
+
subscriptionEndMessage, subscriptionEnd === null || subscriptionEnd === void 0 ? void 0 :
|
|
161
|
+
subscriptionEnd.description)),
|
|
162
|
+
react_1.default.createElement(newskit_1.GridLayoutItem, { column: "1 / -1", justifySelf: {
|
|
163
|
+
xs: 'stretch',
|
|
164
|
+
md: 'center',
|
|
165
|
+
} }, ((_f = continueButton === null || continueButton === void 0 ? void 0 : continueButton.button) === null || _f === void 0 ? void 0 : _f.text) && (react_1.default.createElement(newskit_1.Button, { onClick: handleConfirmCancellationClick, overrides: __assign({ width: {
|
|
166
|
+
xs: '100%',
|
|
167
|
+
md: 'auto',
|
|
168
|
+
} }, continueButton === null || continueButton === void 0 ? void 0 : continueButton.buttonOverrides), eventContext: continueButton === null || continueButton === void 0 ? void 0 : continueButton.eventContext }, continueButton.button.text)))));
|
|
169
|
+
};
|
|
170
|
+
exports.CancellationDetails = CancellationDetails;
|
|
171
|
+
var templateObject_1;
|
|
172
|
+
//# sourceMappingURL=CancellationDetails.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CancellationDetails.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancellationDetails/CancellationDetails.tsx"],"names":[],"mappings":"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"}
|