@newskit-render/my-account 7.180.7 → 7.180.8

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.
Files changed (49) hide show
  1. package/dist/cjs/Components/Elements/OfferGroup/Offer.d.ts +1 -1
  2. package/dist/cjs/Components/Elements/OfferGroup/Offer.js +2 -2
  3. package/dist/cjs/Components/Elements/OfferGroup/Offer.js.map +1 -1
  4. package/dist/cjs/Components/Elements/OfferGroup/OfferBody.d.ts +1 -1
  5. package/dist/cjs/Components/Elements/OfferGroup/OfferBody.js +18 -5
  6. package/dist/cjs/Components/Elements/OfferGroup/OfferBody.js.map +1 -1
  7. package/dist/cjs/Components/Elements/OfferGroup/styled.d.ts +6 -0
  8. package/dist/cjs/Components/Elements/OfferGroup/styled.js +10 -3
  9. package/dist/cjs/Components/Elements/OfferGroup/styled.js.map +1 -1
  10. package/dist/cjs/Components/Elements/OfferGroup/types.d.ts +5 -0
  11. package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.js +36 -7
  12. package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.js.map +1 -1
  13. package/dist/cjs/Components/Sections/CancellationOffers/types.d.ts +1 -0
  14. package/dist/cjs/constants/index.d.ts +2 -0
  15. package/dist/cjs/context/types.d.ts +1 -0
  16. package/dist/cjs/context/types.js.map +1 -1
  17. package/dist/cjs/pages/CancellationStepper/CancellationOffersContext.d.ts +256 -0
  18. package/dist/cjs/pages/CancellationStepper/CancellationOffersContext.js +161 -0
  19. package/dist/cjs/pages/CancellationStepper/CancellationOffersContext.js.map +1 -0
  20. package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js +7 -41
  21. package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js.map +1 -1
  22. package/dist/cjs/pages/CancellationStepper/index.d.ts +1 -0
  23. package/dist/cjs/pages/CancellationStepper/index.js +1 -0
  24. package/dist/cjs/pages/CancellationStepper/index.js.map +1 -1
  25. package/dist/esm/Components/Elements/OfferGroup/Offer.d.ts +1 -1
  26. package/dist/esm/Components/Elements/OfferGroup/Offer.js +2 -2
  27. package/dist/esm/Components/Elements/OfferGroup/Offer.js.map +1 -1
  28. package/dist/esm/Components/Elements/OfferGroup/OfferBody.d.ts +1 -1
  29. package/dist/esm/Components/Elements/OfferGroup/OfferBody.js +19 -6
  30. package/dist/esm/Components/Elements/OfferGroup/OfferBody.js.map +1 -1
  31. package/dist/esm/Components/Elements/OfferGroup/styled.d.ts +6 -0
  32. package/dist/esm/Components/Elements/OfferGroup/styled.js +10 -3
  33. package/dist/esm/Components/Elements/OfferGroup/styled.js.map +1 -1
  34. package/dist/esm/Components/Elements/OfferGroup/types.d.ts +5 -0
  35. package/dist/esm/Components/Sections/CancellationOffers/CancellationOffers.js +14 -8
  36. package/dist/esm/Components/Sections/CancellationOffers/CancellationOffers.js.map +1 -1
  37. package/dist/esm/Components/Sections/CancellationOffers/types.d.ts +1 -0
  38. package/dist/esm/constants/index.d.ts +2 -0
  39. package/dist/esm/context/types.d.ts +1 -0
  40. package/dist/esm/context/types.js.map +1 -1
  41. package/dist/esm/pages/CancellationStepper/CancellationOffersContext.d.ts +256 -0
  42. package/dist/esm/pages/CancellationStepper/CancellationOffersContext.js +156 -0
  43. package/dist/esm/pages/CancellationStepper/CancellationOffersContext.js.map +1 -0
  44. package/dist/esm/pages/CancellationStepper/CancellationStepperContext.js +8 -42
  45. package/dist/esm/pages/CancellationStepper/CancellationStepperContext.js.map +1 -1
  46. package/dist/esm/pages/CancellationStepper/index.d.ts +1 -0
  47. package/dist/esm/pages/CancellationStepper/index.js +1 -0
  48. package/dist/esm/pages/CancellationStepper/index.js.map +1 -1
  49. package/package.json +2 -2
package/dist/cjs/Components/Elements/OfferGroup/Offer.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { OfferProps } from './types';
2
- export declare const Offer: ({ id, title, description, discountedPrice, regularPrice, eventContext, overrides, }: OfferProps) => JSX.Element;
2
+ export declare const Offer: ({ id, title, description, discountedPrice, regularPrice, eventContext, overrides, benefits, discountedSlug, discountTag, }: OfferProps) => JSX.Element;
package/dist/cjs/Components/Elements/OfferGroup/Offer.js CHANGED
@@ -21,9 +21,9 @@ var styled_1 = require("./styled");
21
21
  var OfferBody_1 = require("./OfferBody");
22
22
  var Offer = function (_a) {
23
23
  var _b, _c;
24
- var id = _a.id, title = _a.title, description = _a.description, discountedPrice = _a.discountedPrice, regularPrice = _a.regularPrice, eventContext = _a.eventContext, overrides = _a.overrides;
24
+ var id = _a.id, title = _a.title, description = _a.description, discountedPrice = _a.discountedPrice, regularPrice = _a.regularPrice, eventContext = _a.eventContext, overrides = _a.overrides, benefits = _a.benefits, discountedSlug = _a.discountedSlug, discountTag = _a.discountTag;
25
25
  return (react_1.default.createElement(styled_1.StyledBlock, __assign({ paddingInline: "space040", paddingBlock: "space050", marginBlockEnd: "space040" }, overrides === null || overrides === void 0 ? void 0 : overrides.container, { "data-testid": "offer-container" }),
26
- react_1.default.createElement(newskit_1.RadioButton, { overrides: __assign({ input: { spaceInline: 'space040' } }, (_b = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _b === void 0 ? void 0 : _b.overrides), eventContext: eventContext, name: id, value: id, size: ((_c = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _c === void 0 ? void 0 : _c.size) || 'small', label: react_1.default.createElement(OfferBody_1.OfferBody, { title: title, description: description, discountedPrice: discountedPrice, regularPrice: regularPrice, overrides: overrides }) })));
26
+ react_1.default.createElement(newskit_1.RadioButton, { overrides: __assign({ input: { spaceInline: 'space040' } }, (_b = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _b === void 0 ? void 0 : _b.overrides), eventContext: eventContext, name: id, value: id, size: ((_c = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _c === void 0 ? void 0 : _c.size) || 'small', labelAttributes: { style: { width: '100%' } }, label: react_1.default.createElement(OfferBody_1.OfferBody, { title: title, description: description, discountedPrice: discountedPrice, regularPrice: regularPrice, overrides: overrides, benefits: benefits, discountedSlug: discountedSlug, discountTag: discountTag }) })));
27
27
  };
28
28
  exports.Offer = Offer;
29
29
  //# sourceMappingURL=Offer.js.map
package/dist/cjs/Components/Elements/OfferGroup/Offer.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Offer.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/Offer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAqC;AAErC,mCAAsC;AACtC,yCAAuC;AAEhC,IAAM,KAAK,GAAG,UAAC,EAQT;;QAPX,EAAE,QAAA,EACF,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,SAAS,eAAA;IACO,OAAA,CAChB,8BAAC,oBAAW,aACV,aAAa,EAAC,UAAU,EACxB,YAAY,EAAC,UAAU,EACvB,cAAc,EAAC,UAAU,IACrB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,mBACZ,iBAAiB;QAE7B,8BAAC,qBAAW,IACV,SAAS,aACP,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,IAC/B,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,SAAS,GAEtC,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,EACT,IAAI,EAAE,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,IAAI,KAAI,OAAO,EAC7C,KAAK,EACH,8BAAC,qBAAS,IACR,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,GACpB,GAEJ,CACU,CACf,CAAA;CAAA,CAAA;AApCY,QAAA,KAAK,SAoCjB"}
1
+ {"version":3,"file":"Offer.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/Offer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAqC;AAErC,mCAAsC;AACtC,yCAAuC;AAEhC,IAAM,KAAK,GAAG,UAAC,EAWT;;QAVX,EAAE,QAAA,EACF,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,WAAW,iBAAA;IACK,OAAA,CAChB,8BAAC,oBAAW,aACV,aAAa,EAAC,UAAU,EACxB,YAAY,EAAC,UAAU,EACvB,cAAc,EAAC,UAAU,IACrB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,mBACZ,iBAAiB;QAE7B,8BAAC,qBAAW,IACV,SAAS,aACP,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,IAC/B,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,SAAS,GAEtC,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,EACT,IAAI,EAAE,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,IAAI,KAAI,OAAO,EAC7C,eAAe,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAC7C,KAAK,EACH,8BAAC,qBAAS,IACR,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,WAAW,GACxB,GAEJ,CACU,CACf,CAAA;CAAA,CAAA;AA3CY,QAAA,KAAK,SA2CjB"}
package/dist/cjs/Components/Elements/OfferGroup/OfferBody.d.ts CHANGED
@@ -1,2 +1,2 @@
1
1
  import { OfferBodyProps } from './types';
2
- export declare const OfferBody: ({ title, description, discountedPrice, regularPrice, overrides, }: OfferBodyProps) => JSX.Element;
2
+ export declare const OfferBody: ({ title, description, discountedPrice, regularPrice, overrides, benefits, discountedSlug, discountTag, }: OfferBodyProps) => JSX.Element;
package/dist/cjs/Components/Elements/OfferGroup/OfferBody.js CHANGED
@@ -17,13 +17,26 @@ Object.defineProperty(exports, "__esModule", { value: true });
17
17
  exports.OfferBody = void 0;
18
18
  var react_1 = __importDefault(require("react"));
19
19
  var newskit_1 = require("newskit");
20
+ var material_outlined_1 = require("@emotion-icons/material-outlined");
21
+ var styled_1 = require("./styled");
22
+ var CheckIcon = (0, newskit_1.toNewsKitIcon)(material_outlined_1.Check);
20
23
  var OfferBody = function (_a) {
21
- var title = _a.title, description = _a.description, discountedPrice = _a.discountedPrice, regularPrice = _a.regularPrice, overrides = _a.overrides;
22
- return (react_1.default.createElement(newskit_1.Block, null,
23
- react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-title", marginBlockStart: "space020", typographyPreset: "editorialHeadline040" }, overrides === null || overrides === void 0 ? void 0 : overrides.title), title),
24
- discountedPrice && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-discounted-price", typographyPreset: "utilitySubheading030", marginBlockStart: "space050" }, overrides === null || overrides === void 0 ? void 0 : overrides.discountedPrice), discountedPrice)),
24
+ var title = _a.title, description = _a.description, discountedPrice = _a.discountedPrice, regularPrice = _a.regularPrice, overrides = _a.overrides, benefits = _a.benefits, discountedSlug = _a.discountedSlug, discountTag = _a.discountTag;
25
+ return (react_1.default.createElement(newskit_1.Stack, { flow: 'vertical-left', "data-testid": "offer-body" },
26
+ react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-stretch", stackDistribution: 'space-between', inline: false },
27
+ react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-title", marginBlockStart: "space020", typographyPreset: "editorialHeadline040" }, overrides === null || overrides === void 0 ? void 0 : overrides.title), title),
28
+ discountTag && (react_1.default.createElement(styled_1.StyledTextBlock, __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.discountTag), discountTag))),
29
+ discountedPrice && (react_1.default.createElement(newskit_1.Stack, { flow: 'horizontal-bottom' },
30
+ react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-discounted-price", typographyPreset: "utilitySubheading030", marginBlockStart: "space050" }, overrides === null || overrides === void 0 ? void 0 : overrides.discountedPrice), discountedPrice),
31
+ discountedSlug && (react_1.default.createElement(newskit_1.TextBlock, __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.discountedSlug), discountedSlug)))),
25
32
  regularPrice && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-regular-price", typographyPreset: "utilitySubheading010", stylePreset: "inkSubtle", marginBlockStart: "space020" }, overrides === null || overrides === void 0 ? void 0 : overrides.regularPrice), regularPrice)),
26
- react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-description", typographyPreset: "utilityBody010", stylePreset: "inkSubtle", marginBlockStart: "space050" }, overrides === null || overrides === void 0 ? void 0 : overrides.description), description)));
33
+ react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-description", typographyPreset: "utilityBody010", stylePreset: "inkSubtle", marginBlockStart: "space050" }, overrides === null || overrides === void 0 ? void 0 : overrides.description), description),
34
+ benefits && (react_1.default.createElement(newskit_1.Block, { marginBlockStart: "space040" }, benefits === null || benefits === void 0 ? void 0 : benefits.map(function (benefit, idx) { return (react_1.default.createElement(newskit_1.Stack, { key: benefit + idx, paddingBlock: "space010", flow: "horizontal-center" },
35
+ react_1.default.createElement(CheckIcon, { overrides: {
36
+ size: '24px',
37
+ stylePreset: 'inkPositive',
38
+ } }),
39
+ react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody020", marginInlineStart: "space020" }, benefit))); })))));
27
40
  };
28
41
  exports.OfferBody = OfferBody;
29
42
  //# sourceMappingURL=OfferBody.js.map
package/dist/cjs/Components/Elements/OfferGroup/OfferBody.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"OfferBody.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/OfferBody.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA0C;AAGnC,IAAM,SAAS,GAAG,UAAC,EAMT;QALf,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,SAAS,eAAA;IAET,OAAO,CACL,8BAAC,eAAK;QACJ,8BAAC,mBAAS,4BACI,aAAa,EACzB,gBAAgB,EAAC,UAAU,EAC3B,gBAAgB,EAAC,sBAAsB,IACnC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,GAEnB,KAAK,CACI;QAEX,eAAe,IAAI,CAClB,8BAAC,mBAAS,4BACI,wBAAwB,EACpC,gBAAgB,EAAC,sBAAsB,EACvC,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,GAE7B,eAAe,CACN,CACb;QACA,YAAY,IAAI,CACf,8BAAC,mBAAS,4BACI,qBAAqB,EACjC,gBAAgB,EAAC,sBAAsB,EACvC,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,GAE1B,YAAY,CACH,CACb;QAED,8BAAC,mBAAS,4BACI,mBAAmB,EAC/B,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,GAEzB,WAAW,CACF,CACN,CACT,CAAA;AACH,CAAC,CAAA;AAnDY,QAAA,SAAS,aAmDrB"}
1
+ {"version":3,"file":"OfferBody.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/OfferBody.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAgE;AAEhE,sEAAwD;AACxD,mCAA0C;AAE1C,IAAM,SAAS,GAAG,IAAA,uBAAa,EAAC,yBAAK,CAAC,CAAA;AAE/B,IAAM,SAAS,GAAG,UAAC,EAST;QARf,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,WAAW,iBAAA;IAEX,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAE,eAAe,iBAAc,YAAY;QACpD,8BAAC,eAAK,IACJ,IAAI,EAAC,oBAAoB,EACzB,iBAAiB,EAAE,eAAe,EAClC,MAAM,EAAE,KAAK;YAEb,8BAAC,mBAAS,4BACI,aAAa,EACzB,gBAAgB,EAAC,UAAU,EAC3B,gBAAgB,EAAC,sBAAsB,IACnC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,GAEnB,KAAK,CACI;YACX,WAAW,IAAI,CACd,8BAAC,wBAAe,eAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,GACxC,WAAW,CACI,CACnB,CACK;QAEP,eAAe,IAAI,CAClB,8BAAC,eAAK,IAAC,IAAI,EAAE,mBAAmB;YAC9B,8BAAC,mBAAS,4BACI,wBAAwB,EACpC,gBAAgB,EAAC,sBAAsB,EACvC,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,GAE7B,eAAe,CACN;YACX,cAAc,IAAI,CACjB,8BAAC,mBAAS,eAAK,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,cAAc,GACrC,cAAc,CACL,CACb,CACK,CACT;QACA,YAAY,IAAI,CACf,8BAAC,mBAAS,4BACI,qBAAqB,EACjC,gBAAgB,EAAC,sBAAsB,EACvC,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,GAE1B,YAAY,CACH,CACb;QAED,8BAAC,mBAAS,4BACI,mBAAmB,EAC/B,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,GAEzB,WAAW,CACF;QAEX,QAAQ,IAAI,CACX,8BAAC,eAAK,IAAC,gBAAgB,EAAC,UAAU,IAC/B,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,UAAC,OAAO,EAAE,GAAG,IAAK,OAAA,CAC/B,8BAAC,eAAK,IACJ,GAAG,EAAE,OAAO,GAAG,GAAG,EAClB,YAAY,EAAC,UAAU,EACvB,IAAI,EAAC,mBAAmB;YAGxB,8BAAC,SAAS,IACR,SAAS,EAAE;oBACT,IAAI,EAAE,MAAM;oBACZ,WAAW,EAAE,aAAa;iBAC3B,GACD;YACF,8BAAC,mBAAS,IACR,gBAAgB,EAAC,gBAAgB,EACjC,iBAAiB,EAAC,UAAU,IAE3B,OAAO,CACE,CACN,CACT,EApBgC,CAoBhC,CAAC,CACI,CACT,CACK,CACT,CAAA;AACH,CAAC,CAAA;AAlGY,QAAA,SAAS,aAkGrB"}
package/dist/cjs/Components/Elements/OfferGroup/styled.d.ts CHANGED
@@ -4,3 +4,9 @@ export declare const StyledBlock: import("@emotion/styled").StyledComponent<impo
4
4
  borderColor?: string;
5
5
  backgroundColor?: string;
6
6
  }, {}, {}>;
7
+ export declare const StyledTextBlock: import("@emotion/styled").StyledComponent<import("newskit").TextBlockProps & import("react").RefAttributes<HTMLParagraphElement> & {
8
+ theme?: import("@emotion/react").Theme;
9
+ } & {
10
+ borderColor?: string;
11
+ backgroundColor?: string;
12
+ }, {}, {}>;
package/dist/cjs/Components/Elements/OfferGroup/styled.js CHANGED
@@ -4,14 +4,21 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
4
4
  return cooked;
5
5
  };
6
6
  Object.defineProperty(exports, "__esModule", { value: true });
7
- exports.StyledBlock = void 0;
7
+ exports.StyledTextBlock = exports.StyledBlock = void 0;
8
8
  var newskit_1 = require("newskit");
9
- exports.StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: 1px solid;\n ", "\n ", "\n"], ["\n border: 1px solid;\n ", "\n ", "\n"])), function (_a) {
9
+ exports.StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n min-width: 100%;\n border: 1px solid;\n ", "\n ", "\n"], ["\n position: relative;\n min-width: 100%;\n border: 1px solid;\n ", "\n ", "\n"])), function (_a) {
10
10
  var borderColor = _a.borderColor;
11
11
  return (0, newskit_1.getColorCssFromTheme)('borderColor', borderColor || 'teal040');
12
12
  }, function (_a) {
13
13
  var backgroundColor = _a.backgroundColor;
14
14
  return (0, newskit_1.getColorCssFromTheme)('background', backgroundColor || 'teal010');
15
15
  });
16
- var templateObject_1;
16
+ exports.StyledTextBlock = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: absolute;\n right: 16px;\n top: 24px;\n padding: 8px;\n border: 1px solid;\n border-radius: 4px;\n ", "\n ", "\n"], ["\n position: absolute;\n right: 16px;\n top: 24px;\n padding: 8px;\n border: 1px solid;\n border-radius: 4px;\n ", "\n ", "\n"])), function (_a) {
17
+ var borderColor = _a.borderColor;
18
+ return (0, newskit_1.getColorCssFromTheme)('borderColor', borderColor || 'teal040');
19
+ }, function (_a) {
20
+ var backgroundColor = _a.backgroundColor;
21
+ return (0, newskit_1.getColorCssFromTheme)('background', backgroundColor || 'teal010');
22
+ });
23
+ var templateObject_1, templateObject_2;
17
24
  //# sourceMappingURL=styled.js.map
package/dist/cjs/Components/Elements/OfferGroup/styled.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,mCAA6D;AAEhD,QAAA,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,6GAGtC,4BAEE,EAC6D,MAC7D,EACgE,IACnE,KAJG,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,IAAA,8BAAoB,EAAC,aAAa,EAAE,WAAW,IAAI,SAAS,CAAC;AAA7D,CAA6D,EAC7D,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,OAAA,IAAA,8BAAoB,EAAC,YAAY,EAAE,eAAe,IAAI,SAAS,CAAC;AAAhE,CAAgE,EACnE"}
1
+ {"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,mCAAwE;AAE3D,QAAA,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,wJAGtC,uEAIE,EAC6D,MAC7D,EACgE,IACnE,KAJG,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,IAAA,8BAAoB,EAAC,aAAa,EAAE,WAAW,IAAI,SAAS,CAAC;AAA7D,CAA6D,EAC7D,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,OAAA,IAAA,8BAAoB,EAAC,YAAY,EAAE,eAAe,IAAI,SAAS,CAAC;AAAhE,CAAgE,EACnE;AAEY,QAAA,eAAe,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,0MAG9C,yHAOE,EAC6D,MAC7D,EACgE,IACnE,KAJG,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,IAAA,8BAAoB,EAAC,aAAa,EAAE,WAAW,IAAI,SAAS,CAAC;AAA7D,CAA6D,EAC7D,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,OAAA,IAAA,8BAAoB,EAAC,YAAY,EAAE,eAAe,IAAI,SAAS,CAAC;AAAhE,CAAgE,EACnE"}
package/dist/cjs/Components/Elements/OfferGroup/types.d.ts CHANGED
@@ -9,6 +9,8 @@ export interface OfferOverrides {
9
9
  discountedPrice?: TextBlockProps;
10
10
  regularPrice?: TextBlockProps;
11
11
  description?: TextBlockProps;
12
+ discountedSlug?: TextBlockProps;
13
+ discountTag?: TextBlockProps;
12
14
  }
13
15
  export interface OfferProps {
14
16
  id: string;
@@ -20,6 +22,9 @@ export interface OfferProps {
20
22
  nextStep?: string;
21
23
  eventContext?: EventContext;
22
24
  overrides?: OfferOverrides;
25
+ benefits?: string[];
26
+ discountedSlug?: string;
27
+ discountTag?: string;
23
28
  }
24
29
  export type OfferBodyProps = Omit<OfferProps, 'id' | 'nextStep' | 'href'>;
25
30
  export interface OfferGroupProps {
package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.js CHANGED
@@ -14,6 +14,29 @@ var __assign = (this && this.__assign) || function () {
14
14
  };
15
15
  return __assign.apply(this, arguments);
16
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
+ };
17
40
  var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
18
41
  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
19
42
  return new (P || (P = Promise))(function (resolve, reject) {
@@ -55,7 +78,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
55
78
  };
56
79
  Object.defineProperty(exports, "__esModule", { value: true });
57
80
  exports.CancellationOffers = void 0;
58
- var react_1 = __importDefault(require("react"));
81
+ var react_1 = __importStar(require("react"));
59
82
  var newskit_1 = require("newskit");
60
83
  var shared_components_1 = require("@newskit-render/shared-components");
61
84
  var OfferGroup_1 = __importDefault(require("../../Elements/OfferGroup"));
@@ -64,15 +87,21 @@ var helpers_1 = require("../../../helpers");
64
87
  var navigation_1 = require("next/navigation");
65
88
  var StyledGridLayout = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n & > div {\n border: 1px solid;\n ", "\n &:not(:last-of-type) {\n border-bottom: none;\n }\n }\n"], ["\n & > div {\n border: 1px solid;\n ", "\n &:not(:last-of-type) {\n border-bottom: none;\n }\n }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'neutral030'));
66
89
  var CancellationOffers = function (_a) {
67
- var _b, _c, _d;
90
+ var _b, _c, _d, _e;
68
91
  var baseUrl = _a.baseUrl, header = _a.header, offersSection = _a.offersSection, benefits = _a.benefits, continueButton = _a.continueButton, continueButtonContainerOverrides = _a.continueButtonContainerOverrides, setSelectedOffer = _a.setSelectedOffer, selectedOffer = _a.selectedOffer, onNextStep = _a.onNextStep, staySubscribedButton = _a.staySubscribedButton;
69
92
  var searchParams = (0, navigation_1.useSearchParams)();
70
93
  var router = (0, router_1.useRouter)();
94
+ var _f = (0, react_1.useState)(((_b = benefits === null || benefits === void 0 ? void 0 : benefits.benefitsMap) === null || _b === void 0 ? void 0 : _b.cancel) || (benefits === null || benefits === void 0 ? void 0 : benefits.items) || []), offerBenefits = _f[0], setBenefits = _f[1];
71
95
  var staySubscribedButtonUrl = searchParams.get('returnUrl') ||
72
- (0, helpers_1.replaceBaseURL)(baseUrl, ((_b = staySubscribedButton === null || staySubscribedButton === void 0 ? void 0 : staySubscribedButton.button) === null || _b === void 0 ? void 0 : _b.href) || '');
96
+ (0, helpers_1.replaceBaseURL)(baseUrl, ((_c = staySubscribedButton === null || staySubscribedButton === void 0 ? void 0 : staySubscribedButton.button) === null || _c === void 0 ? void 0 : _c.href) || '');
73
97
  var handleSelectOffer = function (offerId) {
98
+ var _a, _b;
74
99
  sessionStorage.setItem('selectedOfferId', offerId);
75
100
  setSelectedOffer(offerId);
101
+ if (!((_a = benefits === null || benefits === void 0 ? void 0 : benefits.benefitsMap) === null || _a === void 0 ? void 0 : _a[offerId])) {
102
+ return;
103
+ }
104
+ setBenefits((_b = benefits === null || benefits === void 0 ? void 0 : benefits.benefitsMap) === null || _b === void 0 ? void 0 : _b[offerId]);
76
105
  };
77
106
  var handleContinue = function (event) { return __awaiter(void 0, void 0, void 0, function () {
78
107
  var offer;
@@ -89,7 +118,7 @@ var CancellationOffers = function (_a) {
89
118
  return [2 /*return*/];
90
119
  });
91
120
  }); };
92
- return (react_1.default.createElement(newskit_1.GridLayout, null,
121
+ return (react_1.default.createElement(newskit_1.GridLayout, { overrides: { maxWidth: '440px' } },
93
122
  header && react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
94
123
  (offersSection === null || offersSection === void 0 ? void 0 : offersSection.title) && (react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "editorialHeadline050", stylePreset: "inkContrast", marginBlockEnd: "space060" }, offersSection.titleOverrides), offersSection.title)),
95
124
  react_1.default.createElement(OfferGroup_1.default, { offers: (offersSection === null || offersSection === void 0 ? void 0 : offersSection.items) || [], selectedOfferId: selectedOffer, onSelect: handleSelectOffer }),
@@ -97,15 +126,15 @@ var CancellationOffers = function (_a) {
97
126
  react_1.default.createElement(newskit_1.Divider, { overrides: __assign({ marginBlockStart: 'space040', marginBlockEnd: 'space060' }, benefits === null || benefits === void 0 ? void 0 : benefits.dividerOverrides) }),
98
127
  (benefits === null || benefits === void 0 ? void 0 : benefits.title) && (react_1.default.createElement(react_1.default.Fragment, null,
99
128
  react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "editorialHeadline030", stylePreset: "inkContrast", marginBlockEnd: "space050" }, benefits === null || benefits === void 0 ? void 0 : benefits.titleOverrides), benefits.title),
100
- react_1.default.createElement(StyledGridLayout, null, benefits.items.map(function (content) { return (react_1.default.createElement(shared_components_1.BenefitsListItem, __assign({ key: content.code }, content, { paddingBlock: "space050", paddingInline: "space050" }))); })))))),
101
- ((_c = continueButton === null || continueButton === void 0 ? void 0 : continueButton.button) === null || _c === void 0 ? void 0 : _c.text) && (react_1.default.createElement(newskit_1.Stack, __assign({ flowReverse: { xs: true, md: false }, stackDistribution: "flex-end", flow: { md: 'horizontal-center', xs: 'vertical-stretch' }, spaceInline: "space030", paddingBlockStart: "space080" }, continueButtonContainerOverrides),
129
+ react_1.default.createElement(StyledGridLayout, null, offerBenefits.map(function (content) { return (react_1.default.createElement(shared_components_1.BenefitsListItem, __assign({ key: content.code }, content, { paddingBlock: "space050", paddingInline: "space050" }))); })))))),
130
+ ((_d = continueButton === null || continueButton === void 0 ? void 0 : continueButton.button) === null || _d === void 0 ? void 0 : _d.text) && (react_1.default.createElement(newskit_1.Stack, __assign({ flowReverse: { xs: true, md: false }, stackDistribution: "flex-end", flow: { md: 'horizontal-center', xs: 'vertical-stretch' }, spaceInline: "space030", paddingBlockStart: "space080" }, continueButtonContainerOverrides),
102
131
  react_1.default.createElement(newskit_1.Button, { href: staySubscribedButtonUrl, eventContext: staySubscribedButton === null || staySubscribedButton === void 0 ? void 0 : staySubscribedButton.eventContext, overrides: {
103
132
  stylePreset: 'buttonOutlinedSecondary',
104
133
  width: {
105
134
  xs: '100%',
106
135
  md: 'auto',
107
136
  },
108
- } }, (_d = staySubscribedButton.button) === null || _d === void 0 ? void 0 : _d.text),
137
+ } }, (_e = staySubscribedButton.button) === null || _e === void 0 ? void 0 : _e.text),
109
138
  react_1.default.createElement(newskit_1.Button, { disabled: !selectedOffer, onClick: handleContinue, eventContext: continueButton === null || continueButton === void 0 ? void 0 : continueButton.eventContext, overrides: __assign({ width: {
110
139
  xs: '100%',
111
140
  md: 'auto',
package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"CancellationOffers.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancellationOffers/CancellationOffers.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"CancellationOffers.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancellationOffers/CancellationOffers.tsx"],"names":[],"mappings":"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"}
package/dist/cjs/Components/Sections/CancellationOffers/types.d.ts CHANGED
@@ -56,6 +56,7 @@ export interface Benefits {
56
56
  title?: string;
57
57
  titleOverrides?: TextBlockProps;
58
58
  dividerOverrides?: DividerProps;
59
+ benefitsMap?: Record<string, BenefitsListItemContent[]> | null;
59
60
  items: BenefitsListItemContent[];
60
61
  }
61
62
  export interface CancellationOffersProps extends CancellationOffersContextProps {
package/dist/cjs/constants/index.d.ts CHANGED
@@ -53,3 +53,5 @@ export declare const CANCELLATION_EXPERIMENT: {
53
53
  readonly VARIANT_3_B: "variant_3_b";
54
54
  readonly VARIANT_4_A: "variant_4_a";
55
55
  };
56
+ export type CancellationVariants = typeof CANCELLATION_EXPERIMENT;
57
+ export type CancellationVariantValues = CancellationVariants[keyof CancellationVariants];
package/dist/cjs/context/types.d.ts CHANGED
@@ -803,6 +803,7 @@ export interface UserHubSubscriptionDetailsSection {
803
803
  benefits: {
804
804
  showBenefits: boolean;
805
805
  title: string;
806
+ benefitsMap?: Record<string, BenefitsListItemProps[]>;
806
807
  items?: BenefitsListItemProps[];
807
808
  };
808
809
  cancelSubscription?: UserHubItemProps;
package/dist/cjs/context/types.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;AAyNA,IAAY,WAqBX;AArBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;IAC7B,0DAA6C,CAAA;IAC7C,0DAA6C,CAAA;AAC/C,CAAC,EArBW,WAAW,2BAAX,WAAW,QAqBtB;AAmPD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB;AAED,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,kCAAlB,kBAAkB,QAI7B;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B;AA2YD,IAAY,gBA2BX;AA3BD,WAAY,gBAAgB;IAC1B,kCAAgB,CAAA;IAChB,yCAAuB,CAAA;IACvB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,oCAAkB,CAAA;IAClB,yCAAuB,CAAA;IACvB,2CAAyB,CAAA;IACzB,oCAAkB,CAAA;IAClB,gCAAc,CAAA;IACd,iCAAe,CAAA;IACf,mCAAiB,CAAA;IACjB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,iCAAe,CAAA;IACf,oCAAkB,CAAA;IAClB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;IACb,uCAAqB,CAAA;IACrB,kCAAgB,CAAA;IAChB,kCAAgB,CAAA;IAChB,uCAAqB,CAAA;IACrB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,qCAAmB,CAAA;IACnB,qCAAmB,CAAA;IACnB,kCAAgB,CAAA;AAClB,CAAC,EA3BW,gBAAgB,gCAAhB,gBAAgB,QA2B3B;AAgDD,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,kDAAyB,CAAA;AAC3B,CAAC,EAJW,uBAAuB,uCAAvB,uBAAuB,QAIlC;AAqDD,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,sCAAqB,CAAA;IACrB,oCAAmB,CAAA;IACnB,8BAAa,CAAA;IACb,4CAA2B,CAAA;AAC7B,CAAC,EALW,aAAa,6BAAb,aAAa,QAKxB"}
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;AAyNA,IAAY,WAqBX;AArBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;IAC7B,0DAA6C,CAAA;IAC7C,0DAA6C,CAAA;AAC/C,CAAC,EArBW,WAAW,2BAAX,WAAW,QAqBtB;AAmPD,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB;AAED,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,kCAAlB,kBAAkB,QAI7B;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B;AA2YD,IAAY,gBA2BX;AA3BD,WAAY,gBAAgB;IAC1B,kCAAgB,CAAA;IAChB,yCAAuB,CAAA;IACvB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,oCAAkB,CAAA;IAClB,yCAAuB,CAAA;IACvB,2CAAyB,CAAA;IACzB,oCAAkB,CAAA;IAClB,gCAAc,CAAA;IACd,iCAAe,CAAA;IACf,mCAAiB,CAAA;IACjB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,iCAAe,CAAA;IACf,oCAAkB,CAAA;IAClB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;IACb,uCAAqB,CAAA;IACrB,kCAAgB,CAAA;IAChB,kCAAgB,CAAA;IAChB,uCAAqB,CAAA;IACrB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,qCAAmB,CAAA;IACnB,qCAAmB,CAAA;IACnB,kCAAgB,CAAA;AAClB,CAAC,EA3BW,gBAAgB,gCAAhB,gBAAgB,QA2B3B;AAiDD,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,kDAAyB,CAAA;AAC3B,CAAC,EAJW,uBAAuB,uCAAvB,uBAAuB,QAIlC;AAqDD,IAAY,aAKX;AALD,WAAY,aAAa;IACvB,sCAAqB,CAAA;IACrB,oCAAmB,CAAA;IACnB,8BAAa,CAAA;IACb,4CAA2B,CAAA;AAC7B,CAAC,EALW,aAAa,6BAAb,aAAa,QAKxB"}
package/dist/cjs/pages/CancellationStepper/CancellationOffersContext.d.ts ADDED
@@ -0,0 +1,256 @@
1
+ import { OfferProps } from '../../Components/Elements/OfferGroup';
2
+ import { BenefitsListItemContent } from '@newskit-render/shared-components';
3
+ import { EventTrigger } from 'newskit';
4
+ import { CancellationVariantValues } from '../../constants';
5
+ export declare const cancellationOffers: {
6
+ readonly premium: {
7
+ readonly id: "DINCV-0039";
8
+ readonly title: "Premium subscription";
9
+ readonly description: "What you get";
10
+ readonly discountedPrice: "£7.50";
11
+ readonly discountedSlug: "/month for 6 months";
12
+ readonly discountTag: "75% off";
13
+ readonly regularPrice: "£30/month after. Cancel anytime.";
14
+ readonly nextStep: "offerPreview";
15
+ readonly overrides: {
16
+ readonly title: {
17
+ readonly typographyPreset: "utilitySubheading030";
18
+ readonly marginBlockStart: "space030";
19
+ };
20
+ readonly description: {
21
+ readonly typographyPreset: "utilityBody020";
22
+ readonly stylePreset: "neutral080";
23
+ readonly marginBlockStart: "space045";
24
+ };
25
+ readonly discountedPrice: {
26
+ readonly typographyPreset: "editorialHeadline040";
27
+ readonly marginBlockStart: "space040";
28
+ };
29
+ readonly discountedSlug: {
30
+ readonly typographyPreset: "editorialSubheadline020";
31
+ readonly marginBlockStart: "space040";
32
+ };
33
+ readonly discountTag: {
34
+ readonly typographyPreset: "utilityLabel010";
35
+ };
36
+ };
37
+ readonly benefits: readonly ["Unlimited digital access", "Subscriber-only newsletters", "Daily puzzles", "Bonus Accounts", "Times+ rewards"];
38
+ };
39
+ readonly digital: {
40
+ readonly id: "some-offer";
41
+ readonly title: "Digital subscription";
42
+ readonly description: "Stay subscribed for just £10/month for the next 6 months. After that, your price returns to £30/month. Cancel anytime.";
43
+ readonly discountedPrice: "£10/month for 6 months";
44
+ readonly regularPrice: "£30/month after";
45
+ readonly nextStep: "offerPreview";
46
+ readonly overrides: {
47
+ readonly container: {
48
+ readonly borderColor: "interfaceInformative010";
49
+ readonly backgroundColor: "interfaceBackground";
50
+ };
51
+ readonly title: {
52
+ readonly marginBlockStart: "space030";
53
+ readonly typographyPreset: "utilitySubheading030";
54
+ };
55
+ readonly description: {
56
+ readonly typographyPreset: "utilityBody020";
57
+ readonly stylePreset: "neutral080";
58
+ };
59
+ };
60
+ };
61
+ readonly cancel: {
62
+ readonly id: "cancel";
63
+ readonly title: "Cancel subscription";
64
+ readonly description: "If you still want to leave, you’ll be taken to the final confirmation step.";
65
+ readonly nextStep: "reviewCancellation";
66
+ readonly overrides: {
67
+ readonly container: {
68
+ readonly borderColor: "interfaceInformative010";
69
+ readonly backgroundColor: "interfaceBackground";
70
+ };
71
+ readonly title: {
72
+ readonly marginBlockStart: "space030";
73
+ readonly typographyPreset: "utilitySubheading030";
74
+ };
75
+ };
76
+ };
77
+ };
78
+ export declare const getOfferTrackingEvent: (offer: OfferProps, variant: string | unknown, contractPhase: string) => {
79
+ event_navigation_action: string;
80
+ event_navigation_name: string;
81
+ event_navigation_browsing_method: EventTrigger;
82
+ optimizely_feature_data: string;
83
+ contract_state: string;
84
+ };
85
+ export declare const cancellationOfferBenifits: Record<string, BenefitsListItemContent>;
86
+ export declare const audienceOffersMap: {
87
+ variant_2_a: ({
88
+ readonly id: "DINCV-0039";
89
+ readonly title: "Premium subscription";
90
+ readonly description: "What you get";
91
+ readonly discountedPrice: "£7.50";
92
+ readonly discountedSlug: "/month for 6 months";
93
+ readonly discountTag: "75% off";
94
+ readonly regularPrice: "£30/month after. Cancel anytime.";
95
+ readonly nextStep: "offerPreview";
96
+ readonly overrides: {
97
+ readonly title: {
98
+ readonly typographyPreset: "utilitySubheading030";
99
+ readonly marginBlockStart: "space030";
100
+ };
101
+ readonly description: {
102
+ readonly typographyPreset: "utilityBody020";
103
+ readonly stylePreset: "neutral080";
104
+ readonly marginBlockStart: "space045";
105
+ };
106
+ readonly discountedPrice: {
107
+ readonly typographyPreset: "editorialHeadline040";
108
+ readonly marginBlockStart: "space040";
109
+ };
110
+ readonly discountedSlug: {
111
+ readonly typographyPreset: "editorialSubheadline020";
112
+ readonly marginBlockStart: "space040";
113
+ };
114
+ readonly discountTag: {
115
+ readonly typographyPreset: "utilityLabel010";
116
+ };
117
+ };
118
+ readonly benefits: readonly ["Unlimited digital access", "Subscriber-only newsletters", "Daily puzzles", "Bonus Accounts", "Times+ rewards"];
119
+ } | {
120
+ readonly id: "cancel";
121
+ readonly title: "Cancel subscription";
122
+ readonly description: "If you still want to leave, you’ll be taken to the final confirmation step.";
123
+ readonly nextStep: "reviewCancellation";
124
+ readonly overrides: {
125
+ readonly container: {
126
+ readonly borderColor: "interfaceInformative010";
127
+ readonly backgroundColor: "interfaceBackground";
128
+ };
129
+ readonly title: {
130
+ readonly marginBlockStart: "space030";
131
+ readonly typographyPreset: "utilitySubheading030";
132
+ };
133
+ };
134
+ })[];
135
+ variant_2_b: ({
136
+ readonly id: "DINCV-0039";
137
+ readonly title: "Premium subscription";
138
+ readonly description: "What you get";
139
+ readonly discountedPrice: "£7.50";
140
+ readonly discountedSlug: "/month for 6 months";
141
+ readonly discountTag: "75% off";
142
+ readonly regularPrice: "£30/month after. Cancel anytime.";
143
+ readonly nextStep: "offerPreview";
144
+ readonly overrides: {
145
+ readonly title: {
146
+ readonly typographyPreset: "utilitySubheading030";
147
+ readonly marginBlockStart: "space030";
148
+ };
149
+ readonly description: {
150
+ readonly typographyPreset: "utilityBody020";
151
+ readonly stylePreset: "neutral080";
152
+ readonly marginBlockStart: "space045";
153
+ };
154
+ readonly discountedPrice: {
155
+ readonly typographyPreset: "editorialHeadline040";
156
+ readonly marginBlockStart: "space040";
157
+ };
158
+ readonly discountedSlug: {
159
+ readonly typographyPreset: "editorialSubheadline020";
160
+ readonly marginBlockStart: "space040";
161
+ };
162
+ readonly discountTag: {
163
+ readonly typographyPreset: "utilityLabel010";
164
+ };
165
+ };
166
+ readonly benefits: readonly ["Unlimited digital access", "Subscriber-only newsletters", "Daily puzzles", "Bonus Accounts", "Times+ rewards"];
167
+ } | {
168
+ readonly id: "cancel";
169
+ readonly title: "Cancel subscription";
170
+ readonly description: "If you still want to leave, you’ll be taken to the final confirmation step.";
171
+ readonly nextStep: "reviewCancellation";
172
+ readonly overrides: {
173
+ readonly container: {
174
+ readonly borderColor: "interfaceInformative010";
175
+ readonly backgroundColor: "interfaceBackground";
176
+ };
177
+ readonly title: {
178
+ readonly marginBlockStart: "space030";
179
+ readonly typographyPreset: "utilitySubheading030";
180
+ };
181
+ };
182
+ })[];
183
+ variant_3_a: ({
184
+ readonly id: "DINCV-0039";
185
+ readonly title: "Premium subscription";
186
+ readonly description: "What you get";
187
+ readonly discountedPrice: "£7.50";
188
+ readonly discountedSlug: "/month for 6 months";
189
+ readonly discountTag: "75% off";
190
+ readonly regularPrice: "£30/month after. Cancel anytime.";
191
+ readonly nextStep: "offerPreview";
192
+ readonly overrides: {
193
+ readonly title: {
194
+ readonly typographyPreset: "utilitySubheading030";
195
+ readonly marginBlockStart: "space030";
196
+ };
197
+ readonly description: {
198
+ readonly typographyPreset: "utilityBody020";
199
+ readonly stylePreset: "neutral080";
200
+ readonly marginBlockStart: "space045";
201
+ };
202
+ readonly discountedPrice: {
203
+ readonly typographyPreset: "editorialHeadline040";
204
+ readonly marginBlockStart: "space040";
205
+ };
206
+ readonly discountedSlug: {
207
+ readonly typographyPreset: "editorialSubheadline020";
208
+ readonly marginBlockStart: "space040";
209
+ };
210
+ readonly discountTag: {
211
+ readonly typographyPreset: "utilityLabel010";
212
+ };
213
+ };
214
+ readonly benefits: readonly ["Unlimited digital access", "Subscriber-only newsletters", "Daily puzzles", "Bonus Accounts", "Times+ rewards"];
215
+ } | {
216
+ readonly id: "some-offer";
217
+ readonly title: "Digital subscription";
218
+ readonly description: "Stay subscribed for just £10/month for the next 6 months. After that, your price returns to £30/month. Cancel anytime.";
219
+ readonly discountedPrice: "£10/month for 6 months";
220
+ readonly regularPrice: "£30/month after";
221
+ readonly nextStep: "offerPreview";
222
+ readonly overrides: {
223
+ readonly container: {
224
+ readonly borderColor: "interfaceInformative010";
225
+ readonly backgroundColor: "interfaceBackground";
226
+ };
227
+ readonly title: {
228
+ readonly marginBlockStart: "space030";
229
+ readonly typographyPreset: "utilitySubheading030";
230
+ };
231
+ readonly description: {
232
+ readonly typographyPreset: "utilityBody020";
233
+ readonly stylePreset: "neutral080";
234
+ };
235
+ };
236
+ } | {
237
+ readonly id: "cancel";
238
+ readonly title: "Cancel subscription";
239
+ readonly description: "If you still want to leave, you’ll be taken to the final confirmation step.";
240
+ readonly nextStep: "reviewCancellation";
241
+ readonly overrides: {
242
+ readonly container: {
243
+ readonly borderColor: "interfaceInformative010";
244
+ readonly backgroundColor: "interfaceBackground";
245
+ };
246
+ readonly title: {
247
+ readonly marginBlockStart: "space030";
248
+ readonly typographyPreset: "utilitySubheading030";
249
+ };
250
+ };
251
+ })[];
252
+ };
253
+ export declare const getAudienceOffers: (variant: CancellationVariantValues, contractPhase: string) => OfferProps[];
254
+ export type OfferKeys = typeof cancellationOffers[keyof typeof cancellationOffers]['id'];
255
+ export type OfferBenifitsMap = Record<OfferKeys, BenefitsListItemContent[]>;
256
+ export declare const offerBenifitsMap: OfferBenifitsMap;