@newskit-render/my-account 7.147.3-c99160d2d.1 → 7.149.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (74) hide show
  1. package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.js +9 -1
  2. package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.js.map +1 -1
  3. package/dist/cjs/Components/Sections/CancellationOffers/types.d.ts +2 -1
  4. package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellation.d.ts +1 -18
  5. package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellation.js.map +1 -1
  6. package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellationExp2.d.ts +2 -0
  7. package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellationExp2.js +59 -0
  8. package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellationExp2.js.map +1 -0
  9. package/dist/cjs/Components/Sections/ConfirmCancellation/index.d.ts +89 -0
  10. package/dist/cjs/Components/Sections/ConfirmCancellation/index.js +47 -0
  11. package/dist/cjs/Components/Sections/ConfirmCancellation/index.js.map +1 -0
  12. package/dist/cjs/Components/Sections/ContentContainer/ContentContainer.js +4 -2
  13. package/dist/cjs/Components/Sections/ContentContainer/ContentContainer.js.map +1 -1
  14. package/dist/cjs/Components/Templates/CancellationStepperRender.d.ts +55 -1
  15. package/dist/cjs/Components/Templates/CancellationStepperRender.js +12 -12
  16. package/dist/cjs/Components/Templates/CancellationStepperRender.js.map +1 -1
  17. package/dist/cjs/context/types.d.ts +1 -1
  18. package/dist/cjs/helpers/dateUtils.d.ts +1 -0
  19. package/dist/cjs/helpers/dateUtils.js +11 -1
  20. package/dist/cjs/helpers/dateUtils.js.map +1 -1
  21. package/dist/cjs/helpers/index.d.ts +0 -1
  22. package/dist/cjs/helpers/index.js +0 -1
  23. package/dist/cjs/helpers/index.js.map +1 -1
  24. package/dist/cjs/helpers/subscriptionsUtils.js +4 -3
  25. package/dist/cjs/helpers/subscriptionsUtils.js.map +1 -1
  26. package/dist/cjs/pages/CancellationStepper/CancellationStepper.js +1 -1
  27. package/dist/cjs/pages/CancellationStepper/CancellationStepper.js.map +1 -1
  28. package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js +546 -499
  29. package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js.map +1 -1
  30. package/dist/cjs/queries/getUserGroupAccounts.js +1 -1
  31. package/dist/cjs/queries/getUserGroupAccounts.js.map +1 -1
  32. package/dist/cjs/queries/mutateSendFamilyMemberInvite.js +2 -1
  33. package/dist/cjs/queries/mutateSendFamilyMemberInvite.js.map +1 -1
  34. package/dist/esm/Components/Sections/CancellationOffers/CancellationOffers.js +11 -3
  35. package/dist/esm/Components/Sections/CancellationOffers/CancellationOffers.js.map +1 -1
  36. package/dist/esm/Components/Sections/CancellationOffers/types.d.ts +2 -1
  37. package/dist/esm/Components/Sections/ConfirmCancellation/ConfirmCancellation.d.ts +1 -18
  38. package/dist/esm/Components/Sections/ConfirmCancellation/ConfirmCancellation.js +1 -1
  39. package/dist/esm/Components/Sections/ConfirmCancellation/ConfirmCancellation.js.map +1 -1
  40. package/dist/esm/Components/Sections/ConfirmCancellation/ConfirmCancellationExp2.d.ts +2 -0
  41. package/dist/esm/Components/Sections/ConfirmCancellation/ConfirmCancellationExp2.js +52 -0
  42. package/dist/esm/Components/Sections/ConfirmCancellation/ConfirmCancellationExp2.js.map +1 -0
  43. package/dist/esm/Components/Sections/ConfirmCancellation/index.d.ts +89 -0
  44. package/dist/esm/Components/Sections/ConfirmCancellation/index.js +40 -0
  45. package/dist/esm/Components/Sections/ConfirmCancellation/index.js.map +1 -0
  46. package/dist/esm/Components/Sections/ContentContainer/ContentContainer.js +5 -3
  47. package/dist/esm/Components/Sections/ContentContainer/ContentContainer.js.map +1 -1
  48. package/dist/esm/Components/Templates/CancellationStepperRender.d.ts +55 -1
  49. package/dist/esm/Components/Templates/CancellationStepperRender.js +12 -12
  50. package/dist/esm/Components/Templates/CancellationStepperRender.js.map +1 -1
  51. package/dist/esm/context/types.d.ts +1 -1
  52. package/dist/esm/helpers/dateUtils.d.ts +1 -0
  53. package/dist/esm/helpers/dateUtils.js +9 -0
  54. package/dist/esm/helpers/dateUtils.js.map +1 -1
  55. package/dist/esm/helpers/index.d.ts +0 -1
  56. package/dist/esm/helpers/index.js +0 -1
  57. package/dist/esm/helpers/index.js.map +1 -1
  58. package/dist/esm/helpers/subscriptionsUtils.js +4 -3
  59. package/dist/esm/helpers/subscriptionsUtils.js.map +1 -1
  60. package/dist/esm/pages/CancellationStepper/CancellationStepper.js +1 -1
  61. package/dist/esm/pages/CancellationStepper/CancellationStepper.js.map +1 -1
  62. package/dist/esm/pages/CancellationStepper/CancellationStepperContext.js +547 -500
  63. package/dist/esm/pages/CancellationStepper/CancellationStepperContext.js.map +1 -1
  64. package/dist/esm/queries/getUserGroupAccounts.js +1 -1
  65. package/dist/esm/queries/getUserGroupAccounts.js.map +1 -1
  66. package/dist/esm/queries/mutateSendFamilyMemberInvite.js +2 -1
  67. package/dist/esm/queries/mutateSendFamilyMemberInvite.js.map +1 -1
  68. package/package.json +3 -3
  69. package/dist/cjs/helpers/noticeUtils.d.ts +0 -1
  70. package/dist/cjs/helpers/noticeUtils.js +0 -85
  71. package/dist/cjs/helpers/noticeUtils.js.map +0 -1
  72. package/dist/esm/helpers/noticeUtils.d.ts +0 -1
  73. package/dist/esm/helpers/noticeUtils.js +0 -81
  74. package/dist/esm/helpers/noticeUtils.js.map +0 -1
package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js CHANGED
@@ -40,570 +40,617 @@ var reasonSubtitleOverrides = {
40
40
  stylePreset: { xs: 'textAlignCenter', md: 'textAlignLeft' },
41
41
  };
42
42
  var downgradePageUrl = '[baseURL]/cancel?step=downgrade';
43
- var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMode) { return ({
44
- baseUrl: constants_1.BASE_URL,
45
- head: {
46
- pageTitle: 'Cancellation',
47
- },
48
- showBackButton: true,
49
- header: {
50
- backButton: {
51
- text: 'Back',
52
- 'aria-label': 'back',
53
- href: '[baseURL]/subscription-and-billing',
54
- hasIcon: true,
55
- eventContext: {
56
- event_navigation_action: 'navigation',
57
- event_navigation_name: 'button:back',
58
- event_navigation_browsing_method: newskit_1.EventTrigger.Click,
59
- page_name: 'cancellation reasons',
60
- optimizely_feature_data: "cancellation_exp|".concat(variant),
61
- contract_state: contractPhase,
62
- },
63
- },
64
- backButtonOverrides: {
65
- marginBlockEnd: 'space060',
43
+ var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMode) {
44
+ var isVariantTwo = variant === constants_1.CANCELLATION_EXPERIMENT.VARIANT_2_A;
45
+ var varTwoIntroduction = {
46
+ title: 'Your subscription has been cancelled',
47
+ description: 'We’ve processed your cancellation. You’ll continue to have access until the end of your current billing period.',
48
+ center: false,
49
+ titleOverrides: {},
50
+ };
51
+ return {
52
+ baseUrl: constants_1.BASE_URL,
53
+ head: {
54
+ pageTitle: 'Cancellation',
66
55
  },
67
- },
68
- containerOverrides: {
69
- rows: 'auto',
70
- columns: '1fr 1fr',
71
- rowGap: '8px',
72
- columnGap: '8px',
73
- justifyContent: 'space-between',
74
- overrides: {
75
- paddingBlock: 'space050',
76
- paddingInline: 'space040',
77
- minWidth: '100%',
56
+ showBackButton: true,
57
+ header: {
58
+ backButton: {
59
+ text: 'Back',
60
+ 'aria-label': 'back',
61
+ href: '[baseURL]/subscription-and-billing',
62
+ hasIcon: true,
63
+ eventContext: {
64
+ event_navigation_action: 'navigation',
65
+ event_navigation_name: 'button:back',
66
+ event_navigation_browsing_method: newskit_1.EventTrigger.Click,
67
+ page_name: 'cancellation reasons',
68
+ optimizely_feature_data: "cancellation_exp|".concat(variant),
69
+ contract_state: contractPhase,
70
+ },
71
+ },
72
+ backButtonOverrides: {
73
+ marginBlockEnd: 'space060',
74
+ },
78
75
  },
79
- },
80
- layoutMainContentOverrides: {
81
- fullWidth: true,
82
- justifyContent: 'stretch',
83
- width: {
84
- xs: '100%',
85
- md: '100%',
76
+ containerOverrides: {
77
+ rows: 'auto',
78
+ columns: '1fr 1fr',
79
+ rowGap: '8px',
80
+ columnGap: '8px',
81
+ justifyContent: 'space-between',
82
+ overrides: {
83
+ paddingBlock: 'space050',
84
+ paddingInline: 'space040',
85
+ minWidth: '100%',
86
+ },
86
87
  },
87
- paddingInline: {
88
- xs: 'space045',
89
- md: 'space060',
88
+ layoutMainContentOverrides: {
89
+ fullWidth: true,
90
+ justifyContent: 'stretch',
91
+ width: {
92
+ xs: '100%',
93
+ md: '100%',
94
+ },
95
+ paddingInline: {
96
+ xs: 'space045',
97
+ md: 'space060',
98
+ },
99
+ paddingBlockStart: {
100
+ xs: 'space045',
101
+ md: 'space060',
102
+ },
90
103
  },
91
- paddingBlockStart: {
92
- xs: 'space045',
93
- md: 'space060',
104
+ contentContainerOverrides: {
105
+ marginInline: 'auto',
106
+ paddingBlockStart: 'space000',
107
+ paddingInline: 'space000',
94
108
  },
95
- },
96
- contentContainerOverrides: {
97
- marginInline: 'auto',
98
- paddingBlockStart: 'space000',
99
- paddingInline: 'space000',
100
- },
101
- components: {
102
- reason: {
103
- tealiumContext: getPageTrackingEvent('cancellation reasons', variant, contractPhase, inEmbeddedMode),
104
- contentContainerOverrides: {
105
- marginInline: 'auto',
106
- paddingBlockStart: 'space000',
107
- paddingInline: 'space000',
108
- width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
109
- },
110
- layoutType: 'grid',
111
- header: {
112
- center: true,
113
- title: 'Before you go, can you tell us why?',
114
- description: 'Your feedback helps us improve and may allow us to offer you a better solution.',
115
- fullWidthTitle: true,
116
- titleOverrides: {
117
- marginBlockEnd: 'space060',
118
- typographyPreset: {
119
- xs: 'editorialHeadline040',
120
- md: 'editorialSubheadline050',
109
+ components: {
110
+ reason: {
111
+ tealiumContext: getPageTrackingEvent('cancellation reasons', variant, contractPhase, inEmbeddedMode),
112
+ contentContainerOverrides: {
113
+ marginInline: 'auto',
114
+ paddingBlockStart: 'space000',
115
+ paddingInline: 'space000',
116
+ width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
117
+ },
118
+ layoutType: 'grid',
119
+ header: {
120
+ center: true,
121
+ title: 'Before you go, can you tell us why?',
122
+ description: 'Your feedback helps us improve and may allow us to offer you a better solution.',
123
+ fullWidthTitle: true,
124
+ titleOverrides: {
125
+ marginBlockEnd: 'space060',
126
+ typographyPreset: {
127
+ xs: 'editorialHeadline040',
128
+ md: 'editorialSubheadline050',
129
+ },
121
130
  },
122
- },
123
- descriptionOverrides: {
124
- marginBlockEnd: 'space040',
125
- paddingInline: { xs: 'space000', md: 'space110' },
126
- typographyPreset: {
127
- xs: 'editorialParagraph010',
128
- md: 'editorialParagraph020',
131
+ descriptionOverrides: {
132
+ marginBlockEnd: 'space040',
133
+ paddingInline: { xs: 'space000', md: 'space110' },
134
+ typographyPreset: {
135
+ xs: 'editorialParagraph010',
136
+ md: 'editorialParagraph020',
137
+ },
129
138
  },
130
139
  },
131
- },
132
- containerOverrides: {
133
- rows: 'auto',
134
- columns: '1fr 1fr',
135
- rowGap: 'space040',
136
- columnGap: 'space040',
137
- justifyContent: 'space-between',
138
- overrides: {
139
- paddingBlock: 'space045',
140
- minWidth: '100%',
141
- },
142
- },
143
- itemContainerOverrides: {
144
- rows: { xs: 'auto 1fr', md: 'auto' },
145
- columns: '1fr',
146
- rowGap: { xs: 'space040', md: 'space030' },
147
- justifyContent: 'space-between',
148
- overrides: {
149
- paddingBlock: { xs: 'space020', md: 'space045' },
150
- paddingInline: { xs: 'space020', md: 'space045' },
151
- paddingBlockEnd: { xs: 'space045', md: 'space045' },
152
- minWidth: '100%',
153
- },
154
- },
155
- itemHeaderOverrides: {
156
- flow: { xs: 'vertical-center', md: 'horizontal-top' },
157
- flowReverse: { xs: true, md: false },
158
- imageVisible: true,
159
- height: 'auto',
160
- },
161
- itemImageOverrides: {
162
- width: 45,
163
- height: 36,
164
- },
165
- belowItemExtra: {
166
140
  containerOverrides: {
167
- columns: 'repeat(2, auto)',
168
- justifyContent: 'center',
169
- justifyItems: 'center',
170
- alignItems: 'center',
141
+ rows: 'auto',
142
+ columns: '1fr 1fr',
143
+ rowGap: 'space040',
144
+ columnGap: 'space040',
145
+ justifyContent: 'space-between',
171
146
  overrides: {
172
- marginBlockStart: 'space050',
147
+ paddingBlock: 'space045',
148
+ minWidth: '100%',
173
149
  },
174
150
  },
175
- label: 'or',
176
- button: {
177
- text: 'None of the above',
178
- href: downgradePageUrl,
179
- id: 'none-of-the-above',
180
- },
181
- buttonOverrides: {
182
- stylePreset: 'baseInteractivePrimary030',
183
- typographyPreset: 'utilitySubheading020',
151
+ itemContainerOverrides: {
152
+ rows: { xs: 'auto 1fr', md: 'auto' },
153
+ columns: '1fr',
154
+ rowGap: { xs: 'space040', md: 'space030' },
155
+ justifyContent: 'space-between',
156
+ overrides: {
157
+ paddingBlock: { xs: 'space020', md: 'space045' },
158
+ paddingInline: { xs: 'space020', md: 'space045' },
159
+ paddingBlockEnd: { xs: 'space045', md: 'space045' },
160
+ minWidth: '100%',
161
+ },
184
162
  },
185
- iconOverrides: {
186
- size: 'iconSize020',
187
- stylePreset: 'baseInteractivePrimary030',
163
+ itemHeaderOverrides: {
164
+ flow: { xs: 'vertical-center', md: 'horizontal-top' },
165
+ flowReverse: { xs: true, md: false },
166
+ imageVisible: true,
167
+ height: 'auto',
188
168
  },
189
- marginInline: 'auto',
190
- eventContext: {
191
- event_navigation_action: 'navigation',
192
- event_navigation_name: 'online cancellation : cancellation reason selection',
193
- event_navigation_browsing_method: newskit_1.EventTrigger.Click,
194
- page_name: 'cancellation reasons',
195
- article_parent_name: 'none of the above',
196
- optimizely_feature_data: "cancellation_exp|".concat(variant),
197
- contract_state: contractPhase,
169
+ itemImageOverrides: {
170
+ width: 45,
171
+ height: 36,
198
172
  },
199
- },
200
- items: [
201
- {
202
- id: 'tech-issues',
203
- label: "I'm having tech issues",
204
- labelOverrides: reasonLabelOverrides,
205
- subtitle: "I've experienced problems with the app or website",
206
- subtitleOverrides: reasonSubtitleOverrides,
207
- componentType: 'grid',
208
- image: '/assets/cancellation/placeholder.png',
209
- href: downgradePageUrl,
210
- eventContext: {
211
- event_navigation_action: 'navigation',
212
- event_navigation_name: 'online cancellation : cancellation reason selection',
213
- event_navigation_browsing_method: newskit_1.EventTrigger.Click,
214
- page_name: 'cancellation reasons',
215
- article_parent_name: 'tech issues',
216
- optimizely_feature_data: "cancellation_exp|".concat(variant),
217
- contract_state: contractPhase,
173
+ belowItemExtra: {
174
+ containerOverrides: {
175
+ columns: 'repeat(2, auto)',
176
+ justifyContent: 'center',
177
+ justifyItems: 'center',
178
+ alignItems: 'center',
179
+ overrides: {
180
+ marginBlockStart: 'space050',
181
+ },
218
182
  },
219
- },
220
- {
221
- id: 'not-right-for-me',
222
- label: "The content isn't right for me",
223
- labelOverrides: reasonLabelOverrides,
224
- subtitle: "I'm not enjoying the content, or I'm taking a break from news",
225
- subtitleOverrides: reasonSubtitleOverrides,
226
- componentType: 'grid',
227
- image: '/assets/cancellation/placeholder.png',
228
- href: downgradePageUrl,
229
- eventContext: {
230
- event_navigation_action: 'navigation',
231
- event_navigation_name: 'online cancellation : cancellation reason selection',
232
- event_navigation_browsing_method: newskit_1.EventTrigger.Click,
233
- page_name: 'cancellation reasons',
234
- article_parent_name: 'not right for me',
235
- optimizely_feature_data: "cancellation_exp|".concat(variant),
236
- contract_state: contractPhase,
183
+ label: 'or',
184
+ button: {
185
+ text: 'None of the above',
186
+ href: downgradePageUrl,
187
+ id: 'none-of-the-above',
237
188
  },
238
- },
239
- {
240
- id: 'no-time',
241
- label: "I don't have time",
242
- labelOverrides: reasonLabelOverrides,
243
- subtitle: "I don't read the news enough to make it worthwhile",
244
- subtitleOverrides: reasonSubtitleOverrides,
245
- componentType: 'grid',
246
- image: '/assets/cancellation/placeholder.png',
247
- href: downgradePageUrl,
248
- eventContext: {
249
- event_navigation_action: 'navigation',
250
- event_navigation_name: 'online cancellation : cancellation reason selection',
251
- event_navigation_browsing_method: newskit_1.EventTrigger.Click,
252
- page_name: 'cancellation reasons',
253
- article_parent_name: 'no time',
254
- optimizely_feature_data: "cancellation_exp|".concat(variant),
255
- contract_state: contractPhase,
189
+ buttonOverrides: {
190
+ stylePreset: 'baseInteractivePrimary030',
191
+ typographyPreset: 'utilitySubheading020',
256
192
  },
257
- },
258
- {
259
- id: 'expensive',
260
- label: "It's too expensive",
261
- labelOverrides: reasonLabelOverrides,
262
- subtitle: "I can't justify the subscription cost",
263
- subtitleOverrides: reasonSubtitleOverrides,
264
- componentType: 'grid',
265
- image: '/assets/cancellation/placeholder.png',
266
- href: downgradePageUrl,
267
- eventContext: {
268
- event_navigation_action: 'navigation',
269
- event_navigation_name: 'online cancellation : cancellation reason selection',
270
- event_navigation_browsing_method: newskit_1.EventTrigger.Click,
271
- page_name: 'cancellation reasons',
272
- article_parent_name: 'expensive',
273
- optimizely_feature_data: "cancellation_exp|".concat(variant),
274
- contract_state: contractPhase,
193
+ iconOverrides: {
194
+ size: 'iconSize020',
195
+ stylePreset: 'baseInteractivePrimary030',
275
196
  },
276
- },
277
- {
278
- id: 'practical-issues',
279
- label: 'Practical issues',
280
- labelOverrides: reasonLabelOverrides,
281
- subtitle: 'I’m having delivery problems or can’t receive the paper any more',
282
- subtitleOverrides: reasonSubtitleOverrides,
283
- componentType: 'grid',
284
- image: '/assets/cancellation/placeholder.png',
285
- href: downgradePageUrl,
197
+ marginInline: 'auto',
286
198
  eventContext: {
287
199
  event_navigation_action: 'navigation',
288
200
  event_navigation_name: 'online cancellation : cancellation reason selection',
289
201
  event_navigation_browsing_method: newskit_1.EventTrigger.Click,
290
202
  page_name: 'cancellation reasons',
291
- article_parent_name: 'practical issues',
203
+ article_parent_name: 'none of the above',
292
204
  optimizely_feature_data: "cancellation_exp|".concat(variant),
293
205
  contract_state: contractPhase,
294
206
  },
295
207
  },
296
- {
297
- id: 'another-source',
298
- label: 'I prefer another source',
299
- labelOverrides: reasonLabelOverrides,
300
- subtitle: 'I now get my news from somewhere else',
301
- subtitleOverrides: reasonSubtitleOverrides,
302
- componentType: 'grid',
303
- image: '/assets/cancellation/placeholder.png',
304
- href: downgradePageUrl,
305
- eventContext: {
306
- event_navigation_action: 'navigation',
307
- event_navigation_name: 'online cancellation : cancellation reason selection',
308
- event_navigation_browsing_method: newskit_1.EventTrigger.Click,
309
- page_name: 'cancellation reasons',
310
- article_parent_name: 'another source',
311
- optimizely_feature_data: "cancellation_exp|".concat(variant),
312
- contract_state: contractPhase,
208
+ items: [
209
+ {
210
+ id: 'tech-issues',
211
+ label: "I'm having tech issues",
212
+ labelOverrides: reasonLabelOverrides,
213
+ subtitle: "I've experienced problems with the app or website",
214
+ subtitleOverrides: reasonSubtitleOverrides,
215
+ componentType: 'grid',
216
+ image: '/assets/cancellation/placeholder.png',
217
+ href: downgradePageUrl,
218
+ eventContext: {
219
+ event_navigation_action: 'navigation',
220
+ event_navigation_name: 'online cancellation : cancellation reason selection',
221
+ event_navigation_browsing_method: newskit_1.EventTrigger.Click,
222
+ page_name: 'cancellation reasons',
223
+ article_parent_name: 'tech issues',
224
+ optimizely_feature_data: "cancellation_exp|".concat(variant),
225
+ contract_state: contractPhase,
226
+ },
313
227
  },
314
- },
315
- ],
316
- },
317
- downgrade: {
318
- tealiumContext: getPageTrackingEvent('offer page', variant, contractPhase, inEmbeddedMode),
319
- contentContainerOverrides: {
320
- marginInline: 'auto',
321
- paddingBlockStart: 'space000',
322
- paddingInline: 'space000',
323
- width: { xs: '100%' },
324
- maxWidth: '1400px',
325
- },
326
- header: {
327
- overline: 'Exclusive international offer:',
328
- overlineOverrides: {
329
- paddingInline: { xs: 'space000', md: 'space050' },
330
- typographyPreset: 'utilityHeading050',
331
- },
332
- title: 'Stay informed for less',
333
- description: 'Save on your subscription and continue to access trusted analysis and global reporting.',
334
- fullWidthTitle: true,
335
- titleOverrides: {
336
- marginBlockEnd: 'space060',
337
- paddingInline: { xs: 'space000', md: 'space050' },
338
- typographyPreset: {
339
- xs: 'editorialLightDisplay007',
340
- md: 'editorialLightDisplay008',
228
+ {
229
+ id: 'not-right-for-me',
230
+ label: "The content isn't right for me",
231
+ labelOverrides: reasonLabelOverrides,
232
+ subtitle: "I'm not enjoying the content, or I'm taking a break from news",
233
+ subtitleOverrides: reasonSubtitleOverrides,
234
+ componentType: 'grid',
235
+ image: '/assets/cancellation/placeholder.png',
236
+ href: downgradePageUrl,
237
+ eventContext: {
238
+ event_navigation_action: 'navigation',
239
+ event_navigation_name: 'online cancellation : cancellation reason selection',
240
+ event_navigation_browsing_method: newskit_1.EventTrigger.Click,
241
+ page_name: 'cancellation reasons',
242
+ article_parent_name: 'not right for me',
243
+ optimizely_feature_data: "cancellation_exp|".concat(variant),
244
+ contract_state: contractPhase,
245
+ },
341
246
  },
342
- },
343
- descriptionOverrides: {
344
- paddingInline: { xs: 'space000', md: 'space050' },
345
- stylePreset: 'inkSubtle',
346
- typographyPreset: {
347
- xs: 'editorialLightHeadline020',
348
- md: 'editorialLightHeadline030',
247
+ {
248
+ id: 'no-time',
249
+ label: "I don't have time",
250
+ labelOverrides: reasonLabelOverrides,
251
+ subtitle: "I don't read the news enough to make it worthwhile",
252
+ subtitleOverrides: reasonSubtitleOverrides,
253
+ componentType: 'grid',
254
+ image: '/assets/cancellation/placeholder.png',
255
+ href: downgradePageUrl,
256
+ eventContext: {
257
+ event_navigation_action: 'navigation',
258
+ event_navigation_name: 'online cancellation : cancellation reason selection',
259
+ event_navigation_browsing_method: newskit_1.EventTrigger.Click,
260
+ page_name: 'cancellation reasons',
261
+ article_parent_name: 'no time',
262
+ optimizely_feature_data: "cancellation_exp|".concat(variant),
263
+ contract_state: contractPhase,
264
+ },
349
265
  },
350
- },
351
- },
352
- heroImage: {
353
- width: 450,
354
- height: 470,
355
- src: '/assets/cancellation/cancellation-hero.png',
356
- alt: 'Downgrade',
266
+ {
267
+ id: 'expensive',
268
+ label: "It's too expensive",
269
+ labelOverrides: reasonLabelOverrides,
270
+ subtitle: "I can't justify the subscription cost",
271
+ subtitleOverrides: reasonSubtitleOverrides,
272
+ componentType: 'grid',
273
+ image: '/assets/cancellation/placeholder.png',
274
+ href: downgradePageUrl,
275
+ eventContext: {
276
+ event_navigation_action: 'navigation',
277
+ event_navigation_name: 'online cancellation : cancellation reason selection',
278
+ event_navigation_browsing_method: newskit_1.EventTrigger.Click,
279
+ page_name: 'cancellation reasons',
280
+ article_parent_name: 'expensive',
281
+ optimizely_feature_data: "cancellation_exp|".concat(variant),
282
+ contract_state: contractPhase,
283
+ },
284
+ },
285
+ {
286
+ id: 'practical-issues',
287
+ label: 'Practical issues',
288
+ labelOverrides: reasonLabelOverrides,
289
+ subtitle: 'I’m having delivery problems or can’t receive the paper any more',
290
+ subtitleOverrides: reasonSubtitleOverrides,
291
+ componentType: 'grid',
292
+ image: '/assets/cancellation/placeholder.png',
293
+ href: downgradePageUrl,
294
+ eventContext: {
295
+ event_navigation_action: 'navigation',
296
+ event_navigation_name: 'online cancellation : cancellation reason selection',
297
+ event_navigation_browsing_method: newskit_1.EventTrigger.Click,
298
+ page_name: 'cancellation reasons',
299
+ article_parent_name: 'practical issues',
300
+ optimizely_feature_data: "cancellation_exp|".concat(variant),
301
+ contract_state: contractPhase,
302
+ },
303
+ },
304
+ {
305
+ id: 'another-source',
306
+ label: 'I prefer another source',
307
+ labelOverrides: reasonLabelOverrides,
308
+ subtitle: 'I now get my news from somewhere else',
309
+ subtitleOverrides: reasonSubtitleOverrides,
310
+ componentType: 'grid',
311
+ image: '/assets/cancellation/placeholder.png',
312
+ href: downgradePageUrl,
313
+ eventContext: {
314
+ event_navigation_action: 'navigation',
315
+ event_navigation_name: 'online cancellation : cancellation reason selection',
316
+ event_navigation_browsing_method: newskit_1.EventTrigger.Click,
317
+ page_name: 'cancellation reasons',
318
+ article_parent_name: 'another source',
319
+ optimizely_feature_data: "cancellation_exp|".concat(variant),
320
+ contract_state: contractPhase,
321
+ },
322
+ },
323
+ ],
357
324
  },
358
- offers: [
359
- {
360
- id: 'offer-1',
361
- title: 'Save £80/year',
362
- offerLabel: (react_1.default.createElement(newskit_1.Stack, { spaceInline: "space010", flow: "horizontal-center" },
363
- react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "editorialLightHeadline040", stylePreset: "inkSubtle" },
364
- react_1.default.createElement("s", null, "\u00A3120")),
365
- react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "editorialLightHeadline050", stylePreset: "inkSection020" }, "\u00A340 for a whole year"))),
366
- description: 'Continue getting unrivalled international journalism from world-class reporters, dedicated to delivering unbiased, informative and entertaining analysis of the very latest global events.',
367
- newPrice: 'Then £10/month thereafter',
368
- buttonText: 'Save £80 for a year',
369
- containerOverrides: {
370
- overrides: { marginBlockEnd: 'space050', marginInline: '-8px' },
325
+ downgrade: {
326
+ tealiumContext: getPageTrackingEvent('offer page', variant, contractPhase, inEmbeddedMode),
327
+ contentContainerOverrides: {
328
+ marginInline: 'auto',
329
+ paddingBlockStart: 'space000',
330
+ paddingInline: 'space000',
331
+ width: { xs: '100%' },
332
+ maxWidth: '1400px',
333
+ },
334
+ header: {
335
+ overline: 'Exclusive international offer:',
336
+ overlineOverrides: {
337
+ paddingInline: { xs: 'space000', md: 'space050' },
338
+ typographyPreset: 'utilityHeading050',
371
339
  },
372
- buttonEventContext: {
373
- event_navigation_action: 'navigation',
374
- event_navigation_name: 'offer 1 cta selected',
375
- event_navigation_browsing_method: newskit_1.EventTrigger.Click,
376
- page_name: 'offer page',
377
- optimizely_feature_data: "cancellation_exp|".concat(variant),
378
- contract_state: contractPhase,
340
+ title: 'Stay informed for less',
341
+ description: 'Save on your subscription and continue to access trusted analysis and global reporting.',
342
+ fullWidthTitle: true,
343
+ titleOverrides: {
344
+ marginBlockEnd: 'space060',
345
+ paddingInline: { xs: 'space000', md: 'space050' },
346
+ typographyPreset: {
347
+ xs: 'editorialLightDisplay007',
348
+ md: 'editorialLightDisplay008',
349
+ },
350
+ },
351
+ descriptionOverrides: {
352
+ paddingInline: { xs: 'space000', md: 'space050' },
353
+ stylePreset: 'inkSubtle',
354
+ typographyPreset: {
355
+ xs: 'editorialLightHeadline020',
356
+ md: 'editorialLightHeadline030',
357
+ },
379
358
  },
380
359
  },
381
- {
382
- id: 'offer-2',
383
- title: 'Your current subscription',
384
- offerLabel: 'International Digital',
385
- offerLabelOverrides: {
386
- typographyPreset: 'editorialLightHeadline050',
387
- stylePreset: 'inkSection020',
388
- },
389
- newPrice: '£10/month (£120/year)',
390
- buttonText: 'Keep your current subscription',
391
- baseUrl: '/account',
392
- buttonHref: '[baseUrl]/subscription-and-billing',
393
- buttonOverrides: {
394
- overrides: {
395
- stylePreset: 'buttonOutlinedSecondary',
360
+ heroImage: {
361
+ width: 450,
362
+ height: 470,
363
+ src: '/assets/cancellation/cancellation-hero.png',
364
+ alt: 'Downgrade',
365
+ },
366
+ offers: [
367
+ {
368
+ id: 'offer-1',
369
+ title: 'Save £80/year',
370
+ offerLabel: (react_1.default.createElement(newskit_1.Stack, { spaceInline: "space010", flow: "horizontal-center" },
371
+ react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "editorialLightHeadline040", stylePreset: "inkSubtle" },
372
+ react_1.default.createElement("s", null, "\u00A3120")),
373
+ react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "editorialLightHeadline050", stylePreset: "inkSection020" }, "\u00A340 for a whole year"))),
374
+ description: 'Continue getting unrivalled international journalism from world-class reporters, dedicated to delivering unbiased, informative and entertaining analysis of the very latest global events.',
375
+ newPrice: 'Then £10/month thereafter',
376
+ buttonText: 'Save £80 for a year',
377
+ containerOverrides: {
378
+ overrides: { marginBlockEnd: 'space050', marginInline: '-8px' },
379
+ },
380
+ buttonEventContext: {
381
+ event_navigation_action: 'navigation',
382
+ event_navigation_name: 'offer 1 cta selected',
383
+ event_navigation_browsing_method: newskit_1.EventTrigger.Click,
384
+ page_name: 'offer page',
385
+ optimizely_feature_data: "cancellation_exp|".concat(variant),
386
+ contract_state: contractPhase,
396
387
  },
397
388
  },
398
- buttonEventContext: {
389
+ {
390
+ id: 'offer-2',
391
+ title: 'Your current subscription',
392
+ offerLabel: 'International Digital',
393
+ offerLabelOverrides: {
394
+ typographyPreset: 'editorialLightHeadline050',
395
+ stylePreset: 'inkSection020',
396
+ },
397
+ newPrice: '£10/month (£120/year)',
398
+ buttonText: 'Keep your current subscription',
399
+ baseUrl: '/account',
400
+ buttonHref: '[baseUrl]/subscription-and-billing',
401
+ buttonOverrides: {
402
+ overrides: {
403
+ stylePreset: 'buttonOutlinedSecondary',
404
+ },
405
+ },
406
+ buttonEventContext: {
407
+ event_navigation_action: 'navigation',
408
+ event_navigation_name: 'online cancellation - keep your current subscription',
409
+ event_navigation_browsing_method: newskit_1.EventTrigger.Click,
410
+ page_name: 'offer page',
411
+ optimizely_feature_data: "cancellation_exp|".concat(variant),
412
+ contract_state: contractPhase,
413
+ },
414
+ containerOverrides: {
415
+ overrides: { marginBlockEnd: 'space050', marginInline: '-8px' },
416
+ },
417
+ },
418
+ ],
419
+ continueButton: {
420
+ eventContext: {
399
421
  event_navigation_action: 'navigation',
400
- event_navigation_name: 'online cancellation - keep your current subscription',
422
+ event_navigation_name: 'online cancellation - proceed with cancellation',
401
423
  event_navigation_browsing_method: newskit_1.EventTrigger.Click,
402
424
  page_name: 'offer page',
403
425
  optimizely_feature_data: "cancellation_exp|".concat(variant),
404
426
  contract_state: contractPhase,
405
427
  },
406
- containerOverrides: {
407
- overrides: { marginBlockEnd: 'space050', marginInline: '-8px' },
428
+ label: 'or',
429
+ baseUrl: '/account',
430
+ button: {
431
+ text: 'Proceed with cancellation',
432
+ href: '[baseURL]/cancel?step=cancel',
408
433
  },
409
434
  },
410
- ],
411
- continueButton: {
412
- eventContext: {
413
- event_navigation_action: 'navigation',
414
- event_navigation_name: 'online cancellation - proceed with cancellation',
415
- event_navigation_browsing_method: newskit_1.EventTrigger.Click,
416
- page_name: 'offer page',
417
- optimizely_feature_data: "cancellation_exp|".concat(variant),
418
- contract_state: contractPhase,
419
- },
420
- label: 'or',
421
- baseUrl: '/account',
422
- button: {
423
- text: 'Proceed with cancellation',
424
- href: '[baseURL]/cancel?step=cancel',
425
- },
426
- },
427
- },
428
- confirmCancel: {
429
- tealiumContext: getPageTrackingEvent('cancellation page', variant, contractPhase, inEmbeddedMode),
430
- showBackButton: false,
431
- contentContainerOverrides: {
432
- marginInline: 'auto',
433
- paddingBlockStart: 'space000',
434
- paddingInline: 'space000',
435
- width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
436
- },
437
- image: {
438
- src: '/assets/cancellation/thank-you.png',
439
- alt: 'Cancellation confirmed',
440
- width: 220,
441
- height: 320,
442
435
  },
443
- introduction: {
444
- title: 'Subscription cancelled',
445
- description: 'Your subscription will expire on ##DATE##.',
446
- center: true,
447
- },
448
- buttonText: 'Return to Homepage',
449
- buttonUrl: '/account',
450
- buttonEventContext: {
451
- event_navigation_action: 'navigation',
452
- event_navigation_name: 'online cancellation - return to homepage',
453
- event_navigation_browsing_method: newskit_1.EventTrigger.Click,
454
- page_name: 'cancellation page',
455
- optimizely_feature_data: "cancellation_exp|".concat(variant),
456
- contract_state: contractPhase,
457
- },
458
- },
459
- preCancellation: {
460
- tealiumContext: getPageTrackingEvent('pre-confirmation page', variant, contractPhase, inEmbeddedMode),
461
- contentContainerOverrides: {
462
- marginInline: 'auto',
463
- paddingBlockStart: 'space000',
464
- paddingInline: 'space000',
465
- width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
466
- },
467
- header: {
468
- title: 'Confirm your cancellation',
469
- description: '##TIME_REMAINING## ##TIME_PERIOD## remaining',
470
- fullWidthTitle: true,
471
- titleOverrides: {
472
- textAlign: { xs: 'left', md: 'center' },
473
- marginBlockEnd: { xs: 'space050', md: 'space080' },
474
- typographyPreset: {
475
- xs: 'editorialHeadline040',
476
- md: 'editorialSubheadline050',
436
+ confirmCancel: {
437
+ tealiumContext: getPageTrackingEvent('cancellation page', variant, contractPhase, inEmbeddedMode),
438
+ showBackButton: false,
439
+ contentContainerOverrides: {
440
+ marginInline: 'auto',
441
+ paddingBlockStart: 'space000',
442
+ paddingInline: 'space000',
443
+ width: __assign(__assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }), (isVariantTwo
444
+ ? { xs: '100%', sm: '100%', md: '440px', lg: '440px' }
445
+ : {})),
446
+ },
447
+ image: {
448
+ src: '/assets/cancellation/thank-you.png',
449
+ alt: 'Cancellation confirmed',
450
+ width: 220,
451
+ height: 320,
452
+ },
453
+ introduction: __assign({ title: 'Subscription cancelled', description: 'Your subscription will expire on ##DATE##.', center: true }, (isVariantTwo ? varTwoIntroduction : {})),
454
+ subscriptionDetails: {
455
+ containerOverrides: {
456
+ width: '100%',
457
+ marginBlockEnd: 'space100',
458
+ },
459
+ subscriptionType: {
460
+ label: 'Subscription type',
461
+ overrides: {
462
+ paddingBlock: 'space050',
463
+ paddingInlineStart: 'space040',
464
+ typographyPreset: 'utilityHeading010',
465
+ },
466
+ },
467
+ endDate: {
468
+ label: 'Subscription end date',
469
+ overrides: {
470
+ paddingBlock: 'space050',
471
+ paddingInlineStart: 'space040',
472
+ typographyPreset: 'utilityHeading010',
473
+ },
477
474
  },
478
475
  },
479
- descriptionOverrides: {
480
- textAlign: { xs: 'left', md: 'center' },
481
- marginBlockEnd: { xs: 'space070', md: 'space090' },
482
- typographyPreset: 'editorialLightDisplay004',
483
- },
484
- },
485
- subscriptionName: '##SUBSCRIPTION_NAME## subscription',
486
- subscriptionEnd: {
487
- messages: {
488
- daysRemaining: 'Your subscription will end on ##DATE##. ',
489
- monthsRemaining: 'Your subscription will end in 1 month. ',
490
- },
491
- description: (react_1.default.createElement(react_1.default.Fragment, null,
492
- "After this date, your access to The Times and Sunday Times will stop. If you change your mind before then, just contact our",
493
- ' ',
494
- react_1.default.createElement(newskit_1.LinkInline, { external: false, overrides: {
495
- typographyPreset: 'utilityBody020',
496
- stylePreset: 'inkSubtle',
497
- }, href: "https://www.thetimes.com/help/articles/how-do-i-contact-customer-services", target: "_blank" }, "customer service team"),
498
- ' ',
499
- "- we\u2019ll be happy to help you keep your access.")),
500
- },
501
- continueButton: {
502
- eventContext: {
476
+ buttonText: isVariantTwo
477
+ ? 'Go back to My Account'
478
+ : 'Return to Homepage',
479
+ buttonUrl: '/account',
480
+ buttonEventContext: {
503
481
  event_navigation_action: 'navigation',
504
- event_navigation_name: 'online cancellation - confirm cancellation',
482
+ event_navigation_name: 'online cancellation - return to homepage',
505
483
  event_navigation_browsing_method: newskit_1.EventTrigger.Click,
506
- page_name: 'pre-confirmation page',
484
+ page_name: 'cancellation page',
507
485
  optimizely_feature_data: "cancellation_exp|".concat(variant),
508
486
  contract_state: contractPhase,
509
487
  },
510
- label: '',
511
- button: {
512
- text: 'Confirm cancellation',
513
- },
514
- },
515
- defaultCancellationReason: 'no reason',
516
- genericErrorMessage: {
517
- error: "Sorry, we're having trouble processing your cancellation request right now. Please try again later, or contact support.",
518
488
  },
519
- },
520
- offers: {
521
- tealiumContext: getPageTrackingEvent('offer page', variant, contractPhase, inEmbeddedMode),
522
- contentContainerOverrides: {
523
- marginInline: 'auto',
524
- paddingBlockStart: 'space000',
525
- paddingInline: 'space000',
526
- width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
527
- },
528
- header: {
529
- title: "Don't cancel yet - here's a special offer",
530
- description: "We'd like you to stay. Choose an option below to keep access to The Times and The Sunday Times.",
531
- showDivider: true,
532
- marginBlockEnd: { xs: 'space050', md: 'space080' },
533
- titleOverrides: {
534
- marginBlockEnd: 'space060',
489
+ preCancellation: {
490
+ tealiumContext: getPageTrackingEvent('pre-confirmation page', variant, contractPhase, inEmbeddedMode),
491
+ contentContainerOverrides: {
492
+ marginInline: 'auto',
493
+ paddingBlockStart: 'space000',
494
+ paddingInline: 'space000',
495
+ width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
496
+ },
497
+ header: {
498
+ title: 'Confirm your cancellation',
499
+ description: '##TIME_REMAINING## ##TIME_PERIOD## remaining',
500
+ fullWidthTitle: true,
501
+ titleOverrides: {
502
+ textAlign: { xs: 'left', md: 'center' },
503
+ marginBlockEnd: { xs: 'space050', md: 'space080' },
504
+ typographyPreset: {
505
+ xs: 'editorialHeadline040',
506
+ md: 'editorialSubheadline050',
507
+ },
508
+ },
509
+ descriptionOverrides: {
510
+ textAlign: { xs: 'left', md: 'center' },
511
+ marginBlockEnd: { xs: 'space070', md: 'space090' },
512
+ typographyPreset: 'editorialLightDisplay004',
513
+ },
514
+ },
515
+ subscriptionName: '##SUBSCRIPTION_NAME## subscription',
516
+ subscriptionEnd: {
517
+ messages: {
518
+ daysRemaining: 'Your subscription will end on ##DATE##. ',
519
+ monthsRemaining: 'Your subscription will end in 1 month. ',
520
+ },
521
+ description: (react_1.default.createElement(react_1.default.Fragment, null,
522
+ "After this date, your access to The Times and Sunday Times will stop. If you change your mind before then, just contact our",
523
+ ' ',
524
+ react_1.default.createElement(newskit_1.LinkInline, { external: false, overrides: {
525
+ typographyPreset: 'utilityBody020',
526
+ stylePreset: 'inkSubtle',
527
+ }, href: "https://www.thetimes.com/help/articles/how-do-i-contact-customer-services", target: "_blank" }, "customer service team"),
528
+ ' ',
529
+ "- we\u2019ll be happy to help you keep your access.")),
530
+ },
531
+ continueButton: {
532
+ eventContext: {
533
+ event_navigation_action: 'navigation',
534
+ event_navigation_name: 'online cancellation - confirm cancellation',
535
+ event_navigation_browsing_method: newskit_1.EventTrigger.Click,
536
+ page_name: 'pre-confirmation page',
537
+ optimizely_feature_data: "cancellation_exp|".concat(variant),
538
+ contract_state: contractPhase,
539
+ },
540
+ label: '',
541
+ button: {
542
+ text: 'Confirm cancellation',
543
+ },
535
544
  },
536
- descriptionOverrides: {
537
- marginBlockEnd: 'space060',
545
+ defaultCancellationReason: 'no reason',
546
+ genericErrorMessage: {
547
+ error: "Sorry, we're having trouble processing your cancellation request right now. Please try again later, or contact support.",
538
548
  },
539
549
  },
540
- offersSection: {
541
- title: 'Limited time deal',
542
- titleOverrides: {
543
- typographyPreset: 'editorialHeadline050',
544
- marginBlockEnd: 'space060',
550
+ offers: {
551
+ tealiumContext: getPageTrackingEvent('offer page', variant, contractPhase, inEmbeddedMode),
552
+ contentContainerOverrides: {
553
+ marginInline: 'auto',
554
+ paddingBlockStart: 'space000',
555
+ paddingInline: 'space000',
556
+ width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
557
+ },
558
+ header: {
559
+ title: "Don't cancel yet - here's a special offer",
560
+ description: "We'd like you to stay. Choose an option below to keep access to The Times and The Sunday Times.",
561
+ showDivider: true,
562
+ marginBlockEnd: { xs: 'space050', md: 'space080' },
563
+ titleOverrides: {
564
+ marginBlockEnd: 'space060',
565
+ },
566
+ descriptionOverrides: {
567
+ marginBlockEnd: 'space060',
568
+ },
545
569
  },
546
- items: [
547
- {
548
- id: 'DINCV-0039',
549
- title: 'Save 75% for 6 months',
550
- description: 'Stay subscribed for just £10/month for the next 6 months. After that, your price returns to £30/month. Cancel anytime.',
551
- discountedPrice: '£10/month for 6 months',
552
- regularPrice: '£30/month after',
553
- nextStep: 'discountPreview',
570
+ offersSection: {
571
+ title: 'Limited time deal',
572
+ titleOverrides: {
573
+ typographyPreset: 'editorialHeadline050',
574
+ marginBlockEnd: 'space060',
554
575
  },
555
- {
556
- id: 'cancel',
557
- title: 'Cancel subscription',
558
- description: 'If you still want to leave, you’ll be taken to the final confirmation step.',
559
- nextStep: 'preCancellation',
560
- overrides: {
561
- container: {
562
- borderColor: 'interfaceInformative010',
563
- backgroundColor: 'interfaceBackground',
564
- },
565
- title: {
566
- marginBlockStart: 'space030',
567
- typographyPreset: 'utilityHeading010',
576
+ items: [
577
+ {
578
+ id: 'DINCV-0039',
579
+ title: 'Save 75% for 6 months',
580
+ description: 'Stay subscribed for just £10/month for the next 6 months. After that, your price returns to £30/month. Cancel anytime.',
581
+ discountedPrice: '£10/month for 6 months',
582
+ regularPrice: '£30/month after',
583
+ nextStep: 'discountPreview',
584
+ },
585
+ {
586
+ id: 'cancel',
587
+ title: 'Cancel subscription',
588
+ description: 'If you still want to leave, you’ll be taken to the final confirmation step.',
589
+ nextStep: 'preCancellation',
590
+ overrides: {
591
+ container: {
592
+ borderColor: 'interfaceInformative010',
593
+ backgroundColor: 'interfaceBackground',
594
+ },
595
+ title: {
596
+ marginBlockStart: 'space030',
597
+ typographyPreset: 'utilityHeading010',
598
+ },
568
599
  },
569
600
  },
601
+ ],
602
+ },
603
+ benefits: {
604
+ showBenefits: true,
605
+ title: 'Subscriber benefits',
606
+ titleOverrides: {
607
+ typographyPreset: 'editorialHeadline030',
608
+ stylePreset: 'inkContrast',
609
+ marginBlockEnd: 'space050',
570
610
  },
571
- ],
572
- },
573
- benefits: {
574
- showBenefits: true,
575
- title: 'Subscriber benefits',
576
- titleOverrides: {
577
- typographyPreset: 'editorialHeadline030',
578
- stylePreset: 'inkContrast',
579
- marginBlockEnd: 'space050',
580
- },
581
- },
582
- continueButton: {
583
- // TO DO: update with AIT spec
584
- eventContext: {
585
- event_navigation_action: 'navigation',
586
- event_navigation_name: 'online cancellation - proceed with offer selection',
587
- event_navigation_browsing_method: newskit_1.EventTrigger.Click,
588
- page_name: 'offers page',
611
+ items: [
612
+ {
613
+ code: 'FP-032',
614
+ title: 'Unlimited digital access',
615
+ description: 'Read without limits on your phone, tablet or on the web',
616
+ link: {
617
+ href: 'https://www.thetimes.com/',
618
+ text: "Read today's stories",
619
+ },
620
+ },
621
+ {
622
+ code: 'share',
623
+ title: 'Share articles',
624
+ description: 'Forward articles to friends and family for free',
625
+ },
626
+ ],
589
627
  },
590
- label: '',
591
- button: {
592
- text: 'Continue',
628
+ continueButton: {
629
+ // TO DO: update with AIT spec
630
+ eventContext: {
631
+ event_navigation_action: 'navigation',
632
+ event_navigation_name: 'online cancellation - proceed with offer selection',
633
+ event_navigation_browsing_method: newskit_1.EventTrigger.Click,
634
+ page_name: 'offers page',
635
+ },
636
+ label: '',
637
+ button: {
638
+ text: 'Continue',
639
+ },
593
640
  },
594
641
  },
595
642
  },
596
- },
597
- componentSequence: {
598
- Digital: ['reason', 'downgrade', 'preCancellation', 'confirmCancel'],
599
- },
600
- navigationPrimary: baseContext_1.navigationPrimary,
601
- footer: baseContext_1.footer,
602
- sideNav: baseContext_1.sideNav,
603
- sideNavSelected: 'subscription-and-billing',
604
- previousSubscription: {
605
- disableBanner: true,
606
- },
607
- }); };
643
+ componentSequence: {
644
+ Digital: ['reason', 'downgrade', 'preCancellation', 'confirmCancel'],
645
+ },
646
+ navigationPrimary: baseContext_1.navigationPrimary,
647
+ footer: baseContext_1.footer,
648
+ sideNav: baseContext_1.sideNav,
649
+ sideNavSelected: 'subscription-and-billing',
650
+ previousSubscription: {
651
+ disableBanner: true,
652
+ },
653
+ };
654
+ };
608
655
  exports.CancellationStepperContext = CancellationStepperContext;
609
656
  //# sourceMappingURL=CancellationStepperContext.js.map