@newskit-render/my-account 7.143.1-766ef5871.1 → 7.143.1-a2a4fe282.15

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 (419) hide show
  1. package/dist/cjs/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.d.ts +6 -0
  2. package/dist/cjs/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.js +66 -0
  3. package/dist/cjs/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.js.map +1 -0
  4. package/dist/cjs/Components/Elements/CancelSubscriptionModal/index.d.ts +1 -0
  5. package/dist/cjs/Components/Elements/CancelSubscriptionModal/index.js +18 -0
  6. package/dist/cjs/Components/Elements/CancelSubscriptionModal/index.js.map +1 -0
  7. package/dist/cjs/Components/Elements/CancellationButtons/CancellationButtons.d.ts +7 -0
  8. package/dist/cjs/Components/Elements/CancellationButtons/CancellationButtons.js +43 -0
  9. package/dist/cjs/Components/Elements/CancellationButtons/CancellationButtons.js.map +1 -0
  10. package/dist/cjs/Components/Elements/CancellationButtons/index.d.ts +1 -0
  11. package/dist/cjs/Components/Elements/CancellationButtons/index.js +18 -0
  12. package/dist/cjs/Components/Elements/CancellationButtons/index.js.map +1 -0
  13. package/dist/cjs/Components/Elements/CancellationPolicy/CancellationPolicy.d.ts +13 -0
  14. package/dist/cjs/Components/Elements/CancellationPolicy/CancellationPolicy.js +36 -0
  15. package/dist/cjs/Components/Elements/CancellationPolicy/CancellationPolicy.js.map +1 -0
  16. package/dist/cjs/Components/Elements/CancellationPolicy/index.d.ts +1 -0
  17. package/dist/cjs/Components/Elements/CancellationPolicy/index.js +6 -0
  18. package/dist/cjs/Components/Elements/CancellationPolicy/index.js.map +1 -0
  19. package/dist/cjs/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.d.ts +19 -0
  20. package/dist/cjs/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js +42 -0
  21. package/dist/cjs/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js.map +1 -0
  22. package/dist/cjs/Components/Elements/CancellationReasonSelector/index.d.ts +1 -0
  23. package/dist/cjs/Components/Elements/CancellationReasonSelector/index.js +6 -0
  24. package/dist/cjs/Components/Elements/CancellationReasonSelector/index.js.map +1 -0
  25. package/dist/cjs/Components/Elements/NewsletterCard/NewsletterCard.js +1 -1
  26. package/dist/cjs/Components/Elements/NewsletterCard/NewsletterCard.js.map +1 -1
  27. package/dist/cjs/Components/Elements/SectionListItem/SectionListItem.js +6 -5
  28. package/dist/cjs/Components/Elements/SectionListItem/SectionListItem.js.map +1 -1
  29. package/dist/cjs/Components/Elements/SectionListItem/types.d.ts +2 -0
  30. package/dist/cjs/Components/Elements/SunArticleCard/SunArticleCard.d.ts +23 -0
  31. package/dist/cjs/Components/Elements/SunArticleCard/SunArticleCard.js +39 -0
  32. package/dist/cjs/Components/Elements/SunArticleCard/SunArticleCard.js.map +1 -0
  33. package/dist/cjs/Components/Elements/SunArticleCard/index.d.ts +1 -0
  34. package/dist/cjs/Components/Elements/SunArticleCard/index.js +6 -0
  35. package/dist/cjs/Components/Elements/SunArticleCard/index.js.map +1 -0
  36. package/dist/cjs/Components/Elements/SunArticleGrid/SunArticleGrid.d.ts +12 -0
  37. package/dist/cjs/Components/Elements/SunArticleGrid/SunArticleGrid.js +27 -0
  38. package/dist/cjs/Components/Elements/SunArticleGrid/SunArticleGrid.js.map +1 -0
  39. package/dist/cjs/Components/Elements/SunArticleGrid/index.d.ts +1 -0
  40. package/dist/cjs/Components/Elements/SunArticleGrid/index.js +6 -0
  41. package/dist/cjs/Components/Elements/SunArticleGrid/index.js.map +1 -0
  42. package/dist/cjs/Components/Elements/SunOfferCard/SunOfferCard.d.ts +21 -0
  43. package/dist/cjs/Components/Elements/SunOfferCard/SunOfferCard.js +38 -0
  44. package/dist/cjs/Components/Elements/SunOfferCard/SunOfferCard.js.map +1 -0
  45. package/dist/cjs/Components/Elements/SunOfferCard/index.d.ts +1 -0
  46. package/dist/cjs/Components/Elements/SunOfferCard/index.js +6 -0
  47. package/dist/cjs/Components/Elements/SunOfferCard/index.js.map +1 -0
  48. package/dist/cjs/Components/Elements/SunOfferGrid/SunOfferGrid.d.ts +12 -0
  49. package/dist/cjs/Components/Elements/SunOfferGrid/SunOfferGrid.js +27 -0
  50. package/dist/cjs/Components/Elements/SunOfferGrid/SunOfferGrid.js.map +1 -0
  51. package/dist/cjs/Components/Elements/SunOfferGrid/index.d.ts +1 -0
  52. package/dist/cjs/Components/Elements/SunOfferGrid/index.js +6 -0
  53. package/dist/cjs/Components/Elements/SunOfferGrid/index.js.map +1 -0
  54. package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.js +1 -5
  55. package/dist/cjs/Components/Sections/CancelSubscription/CancelSubscription.js.map +1 -1
  56. package/dist/cjs/Components/Sections/CancelSubscription/types.d.ts +0 -1
  57. package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.js +9 -1
  58. package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.js.map +1 -1
  59. package/dist/cjs/Components/Sections/CancellationOffers/types.d.ts +2 -1
  60. package/dist/cjs/Components/Sections/CancellationReasons/CancellationReasons.d.ts +2 -1
  61. package/dist/cjs/Components/Sections/CancellationReasons/CancellationReasons.js +15 -3
  62. package/dist/cjs/Components/Sections/CancellationReasons/CancellationReasons.js.map +1 -1
  63. package/dist/cjs/Components/Sections/CardContentContainer/CardContentContainer.js +1 -1
  64. package/dist/cjs/Components/Sections/CardContentContainer/CardContentContainer.js.map +1 -1
  65. package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellation.d.ts +1 -18
  66. package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellation.js.map +1 -1
  67. package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellationExp2.d.ts +2 -0
  68. package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellationExp2.js +59 -0
  69. package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellationExp2.js.map +1 -0
  70. package/dist/cjs/Components/Sections/ConfirmCancellation/index.d.ts +89 -0
  71. package/dist/cjs/Components/Sections/ConfirmCancellation/index.js +47 -0
  72. package/dist/cjs/Components/Sections/ConfirmCancellation/index.js.map +1 -0
  73. package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.d.ts +2 -0
  74. package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.js +95 -0
  75. package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.js.map +1 -0
  76. package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/index.d.ts +26 -0
  77. package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/index.js +18 -0
  78. package/dist/cjs/Components/Sections/ConfirmSubscriptionOffer/index.js.map +1 -0
  79. package/dist/cjs/Components/Sections/ContactSupport/ContactSupport.d.ts +1 -1
  80. package/dist/cjs/Components/Sections/ContactSupport/ContactSupport.js +4 -4
  81. package/dist/cjs/Components/Sections/ContactSupport/ContactSupport.js.map +1 -1
  82. package/dist/cjs/Components/Sections/ContactSupport/types.d.ts +2 -2
  83. package/dist/cjs/Components/Sections/ContentContainer/BelowContentExtra.js +1 -1
  84. package/dist/cjs/Components/Sections/ContentContainer/ContentContainer.js +99 -55
  85. package/dist/cjs/Components/Sections/ContentContainer/ContentContainer.js.map +1 -1
  86. package/dist/cjs/Components/Sections/ContentContainer/PaginationButton.d.ts +11 -0
  87. package/dist/cjs/Components/Sections/ContentContainer/{InvoiceHistoryButton.js → PaginationButton.js} +13 -16
  88. package/dist/cjs/Components/Sections/ContentContainer/PaginationButton.js.map +1 -0
  89. package/dist/cjs/Components/Sections/ContentContainer/types.d.ts +4 -3
  90. package/dist/cjs/Components/Sections/Form/Vouchers/Vouchers.js +1 -1
  91. package/dist/cjs/Components/Sections/Form/Vouchers/Vouchers.js.map +1 -1
  92. package/dist/cjs/Components/Sections/NavigationSecondary/NavigationSecondary.js +1 -0
  93. package/dist/cjs/Components/Sections/NavigationSecondary/NavigationSecondary.js.map +1 -1
  94. package/dist/cjs/Components/Sections/SectionContainer/ListSection.js +1 -11
  95. package/dist/cjs/Components/Sections/SectionContainer/ListSection.js.map +1 -1
  96. package/dist/cjs/Components/Sections/SectionContainer/types.d.ts +2 -2
  97. package/dist/cjs/Components/Sections/SectionContainer/utils.js +6 -7
  98. package/dist/cjs/Components/Sections/SectionContainer/utils.js.map +1 -1
  99. package/dist/cjs/Components/Sections/UserHub/BaseSection.d.ts +3 -0
  100. package/dist/cjs/Components/Sections/UserHub/BaseSection.js +3 -13
  101. package/dist/cjs/Components/Sections/UserHub/BaseSection.js.map +1 -1
  102. package/dist/cjs/Components/Sections/UserHub/NewslettersSection.js +1 -1
  103. package/dist/cjs/Components/Sections/UserHub/NewslettersSection.js.map +1 -1
  104. package/dist/cjs/Components/Sections/UserHub/SubscriptionDetailsSection.d.ts +6 -0
  105. package/dist/cjs/Components/Sections/UserHub/SubscriptionDetailsSection.js +54 -0
  106. package/dist/cjs/Components/Sections/UserHub/SubscriptionDetailsSection.js.map +1 -0
  107. package/dist/cjs/Components/Templates/CancellationStepperRender.d.ts +58 -3
  108. package/dist/cjs/Components/Templates/CancellationStepperRender.js +14 -12
  109. package/dist/cjs/Components/Templates/CancellationStepperRender.js.map +1 -1
  110. package/dist/cjs/Components/Templates/DisplayRenderer.js +1 -1
  111. package/dist/cjs/Components/Templates/DisplayRenderer.js.map +1 -1
  112. package/dist/cjs/Components/Templates/SubscriptionAndBillingRender.js +9 -1
  113. package/dist/cjs/Components/Templates/SubscriptionAndBillingRender.js.map +1 -1
  114. package/dist/cjs/Components/Templates/SunCancellationFlowRender.d.ts +3 -0
  115. package/dist/cjs/Components/Templates/SunCancellationFlowRender.js +124 -0
  116. package/dist/cjs/Components/Templates/SunCancellationFlowRender.js.map +1 -0
  117. package/dist/cjs/Components/Templates/UserHubRender.js +17 -5
  118. package/dist/cjs/Components/Templates/UserHubRender.js.map +1 -1
  119. package/dist/cjs/Components/index.d.ts +1 -0
  120. package/dist/cjs/context/index.d.ts +3 -2
  121. package/dist/cjs/context/index.js +1 -0
  122. package/dist/cjs/context/index.js.map +1 -1
  123. package/dist/cjs/context/types.d.ts +30 -4
  124. package/dist/cjs/context/types.js +9 -1
  125. package/dist/cjs/context/types.js.map +1 -1
  126. package/dist/cjs/getProviderPropsTimes.js +13 -13
  127. package/dist/cjs/getProviderPropsTimes.js.map +1 -1
  128. package/dist/cjs/helpers/cancellationUtils.js +2 -1
  129. package/dist/cjs/helpers/cancellationUtils.js.map +1 -1
  130. package/dist/cjs/helpers/dataUtils.d.ts +5 -2
  131. package/dist/cjs/helpers/dataUtils.js +22 -13
  132. package/dist/cjs/helpers/dataUtils.js.map +1 -1
  133. package/dist/cjs/helpers/dateUtils.d.ts +1 -1
  134. package/dist/cjs/helpers/dateUtils.js +11 -8
  135. package/dist/cjs/helpers/dateUtils.js.map +1 -1
  136. package/dist/cjs/helpers/entitlementUtils.d.ts +2 -2
  137. package/dist/cjs/helpers/entitlementUtils.js +7 -4
  138. package/dist/cjs/helpers/entitlementUtils.js.map +1 -1
  139. package/dist/cjs/helpers/index.d.ts +2 -0
  140. package/dist/cjs/helpers/index.js +2 -0
  141. package/dist/cjs/helpers/index.js.map +1 -1
  142. package/dist/cjs/helpers/providerUtilsTimes.js +2 -3
  143. package/dist/cjs/helpers/providerUtilsTimes.js.map +1 -1
  144. package/dist/cjs/helpers/randomizeReasons.d.ts +2 -0
  145. package/dist/cjs/helpers/randomizeReasons.js +37 -0
  146. package/dist/cjs/helpers/randomizeReasons.js.map +1 -0
  147. package/dist/cjs/helpers/subscriptionsUtils.d.ts +4 -1
  148. package/dist/cjs/helpers/subscriptionsUtils.js +29 -8
  149. package/dist/cjs/helpers/subscriptionsUtils.js.map +1 -1
  150. package/dist/cjs/hooks/index.d.ts +1 -0
  151. package/dist/cjs/hooks/index.js +1 -0
  152. package/dist/cjs/hooks/index.js.map +1 -1
  153. package/dist/cjs/hooks/useCancelSubscriptionModal.d.ts +6 -0
  154. package/dist/cjs/hooks/useCancelSubscriptionModal.js +31 -0
  155. package/dist/cjs/hooks/useCancelSubscriptionModal.js.map +1 -0
  156. package/dist/cjs/index.d.ts +7 -2
  157. package/dist/cjs/index.js +5 -0
  158. package/dist/cjs/index.js.map +1 -1
  159. package/dist/cjs/pages/CancellationStepper/CancellationStepper.js +1 -1
  160. package/dist/cjs/pages/CancellationStepper/CancellationStepper.js.map +1 -1
  161. package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js +653 -569
  162. package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js.map +1 -1
  163. package/dist/cjs/pages/HolidayStop/HolidayStopContext.js +1 -1
  164. package/dist/cjs/pages/HolidayStop/HolidayStopContext.js.map +1 -1
  165. package/dist/cjs/pages/HolidayStopList/HolidayStopListContext.js +1 -1
  166. package/dist/cjs/pages/HolidayStopList/HolidayStopListContext.js.map +1 -1
  167. package/dist/cjs/pages/Newsletters/NewslettersContext.js +3 -3
  168. package/dist/cjs/pages/Newsletters/NewslettersContext.js.map +1 -1
  169. package/dist/cjs/pages/SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext.js +14 -2
  170. package/dist/cjs/pages/SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext.js.map +1 -1
  171. package/dist/cjs/pages/SubscriptionAndBilling/SubscriptionAndBillingContext.js +46 -0
  172. package/dist/cjs/pages/SubscriptionAndBilling/SubscriptionAndBillingContext.js.map +1 -1
  173. package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlow.d.ts +7 -0
  174. package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlow.js +34 -0
  175. package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlow.js.map +1 -0
  176. package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlowContext.d.ts +215 -0
  177. package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlowContext.js +259 -0
  178. package/dist/cjs/pages/SunCancellationFlow/SunCancellationFlowContext.js.map +1 -0
  179. package/dist/cjs/pages/SunCancellationFlow/index.d.ts +2 -0
  180. package/dist/cjs/pages/SunCancellationFlow/index.js +19 -0
  181. package/dist/cjs/pages/SunCancellationFlow/index.js.map +1 -0
  182. package/dist/cjs/pages/UserHub/UserHubContext.js +65 -0
  183. package/dist/cjs/pages/UserHub/UserHubContext.js.map +1 -1
  184. package/dist/cjs/pages/types.d.ts +19 -1
  185. package/dist/cjs/providers/index.d.ts +1 -0
  186. package/dist/cjs/providers/index.js +1 -0
  187. package/dist/cjs/providers/index.js.map +1 -1
  188. package/dist/cjs/providers/sunCancellationProvider.d.ts +1 -0
  189. package/dist/cjs/providers/sunCancellationProvider.js +6 -0
  190. package/dist/cjs/providers/sunCancellationProvider.js.map +1 -0
  191. package/dist/cjs/queries/getContractPhases.d.ts +1 -0
  192. package/dist/cjs/queries/getContractPhases.js +11 -0
  193. package/dist/cjs/queries/getContractPhases.js.map +1 -0
  194. package/dist/cjs/queries/getPropositionFeatures.d.ts +1 -0
  195. package/dist/cjs/queries/getPropositionFeatures.js +11 -0
  196. package/dist/cjs/queries/getPropositionFeatures.js.map +1 -0
  197. package/dist/cjs/queries/getUserGroupAccounts.js +1 -1
  198. package/dist/cjs/queries/getUserGroupAccounts.js.map +1 -1
  199. package/dist/cjs/queries/getUserIncentives.js +1 -1
  200. package/dist/cjs/queries/getUserIncentives.js.map +1 -1
  201. package/dist/cjs/queries/getUserSubscription.js +3 -1
  202. package/dist/cjs/queries/getUserSubscription.js.map +1 -1
  203. package/dist/cjs/queries/getUserWithNewsletters.js +4 -1
  204. package/dist/cjs/queries/getUserWithNewsletters.js.map +1 -1
  205. package/dist/cjs/queries/mutateSendFamilyMemberInvite.js +2 -1
  206. package/dist/cjs/queries/mutateSendFamilyMemberInvite.js.map +1 -1
  207. package/dist/esm/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.d.ts +6 -0
  208. package/dist/esm/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.js +59 -0
  209. package/dist/esm/Components/Elements/CancelSubscriptionModal/CancelSubscriptionModal.js.map +1 -0
  210. package/dist/esm/Components/Elements/CancelSubscriptionModal/index.d.ts +1 -0
  211. package/dist/esm/Components/Elements/CancelSubscriptionModal/index.js +2 -0
  212. package/dist/esm/Components/Elements/CancelSubscriptionModal/index.js.map +1 -0
  213. package/dist/esm/Components/Elements/CancellationButtons/CancellationButtons.d.ts +7 -0
  214. package/dist/esm/Components/Elements/CancellationButtons/CancellationButtons.js +36 -0
  215. package/dist/esm/Components/Elements/CancellationButtons/CancellationButtons.js.map +1 -0
  216. package/dist/esm/Components/Elements/CancellationButtons/index.d.ts +1 -0
  217. package/dist/esm/Components/Elements/CancellationButtons/index.js +2 -0
  218. package/dist/esm/Components/Elements/CancellationButtons/index.js.map +1 -0
  219. package/dist/esm/Components/Elements/CancellationPolicy/CancellationPolicy.d.ts +13 -0
  220. package/dist/esm/Components/Elements/CancellationPolicy/CancellationPolicy.js +29 -0
  221. package/dist/esm/Components/Elements/CancellationPolicy/CancellationPolicy.js.map +1 -0
  222. package/dist/esm/Components/Elements/CancellationPolicy/index.d.ts +1 -0
  223. package/dist/esm/Components/Elements/CancellationPolicy/index.js +2 -0
  224. package/dist/esm/Components/Elements/CancellationPolicy/index.js.map +1 -0
  225. package/dist/esm/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.d.ts +19 -0
  226. package/dist/esm/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js +35 -0
  227. package/dist/esm/Components/Elements/CancellationReasonSelector/CancellationReasonSelector.js.map +1 -0
  228. package/dist/esm/Components/Elements/CancellationReasonSelector/index.d.ts +1 -0
  229. package/dist/esm/Components/Elements/CancellationReasonSelector/index.js +2 -0
  230. package/dist/esm/Components/Elements/CancellationReasonSelector/index.js.map +1 -0
  231. package/dist/esm/Components/Elements/NewsletterCard/NewsletterCard.js +1 -1
  232. package/dist/esm/Components/Elements/NewsletterCard/NewsletterCard.js.map +1 -1
  233. package/dist/esm/Components/Elements/SectionListItem/SectionListItem.js +6 -5
  234. package/dist/esm/Components/Elements/SectionListItem/SectionListItem.js.map +1 -1
  235. package/dist/esm/Components/Elements/SectionListItem/types.d.ts +2 -0
  236. package/dist/esm/Components/Elements/SunArticleCard/SunArticleCard.d.ts +23 -0
  237. package/dist/esm/Components/Elements/SunArticleCard/SunArticleCard.js +32 -0
  238. package/dist/esm/Components/Elements/SunArticleCard/SunArticleCard.js.map +1 -0
  239. package/dist/esm/Components/Elements/SunArticleCard/index.d.ts +1 -0
  240. package/dist/esm/Components/Elements/SunArticleCard/index.js +2 -0
  241. package/dist/esm/Components/Elements/SunArticleCard/index.js.map +1 -0
  242. package/dist/esm/Components/Elements/SunArticleGrid/SunArticleGrid.d.ts +12 -0
  243. package/dist/esm/Components/Elements/SunArticleGrid/SunArticleGrid.js +20 -0
  244. package/dist/esm/Components/Elements/SunArticleGrid/SunArticleGrid.js.map +1 -0
  245. package/dist/esm/Components/Elements/SunArticleGrid/index.d.ts +1 -0
  246. package/dist/esm/Components/Elements/SunArticleGrid/index.js +2 -0
  247. package/dist/esm/Components/Elements/SunArticleGrid/index.js.map +1 -0
  248. package/dist/esm/Components/Elements/SunOfferCard/SunOfferCard.d.ts +21 -0
  249. package/dist/esm/Components/Elements/SunOfferCard/SunOfferCard.js +31 -0
  250. package/dist/esm/Components/Elements/SunOfferCard/SunOfferCard.js.map +1 -0
  251. package/dist/esm/Components/Elements/SunOfferCard/index.d.ts +1 -0
  252. package/dist/esm/Components/Elements/SunOfferCard/index.js +2 -0
  253. package/dist/esm/Components/Elements/SunOfferCard/index.js.map +1 -0
  254. package/dist/esm/Components/Elements/SunOfferGrid/SunOfferGrid.d.ts +12 -0
  255. package/dist/esm/Components/Elements/SunOfferGrid/SunOfferGrid.js +20 -0
  256. package/dist/esm/Components/Elements/SunOfferGrid/SunOfferGrid.js.map +1 -0
  257. package/dist/esm/Components/Elements/SunOfferGrid/index.d.ts +1 -0
  258. package/dist/esm/Components/Elements/SunOfferGrid/index.js +2 -0
  259. package/dist/esm/Components/Elements/SunOfferGrid/index.js.map +1 -0
  260. package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.js +1 -5
  261. package/dist/esm/Components/Sections/CancelSubscription/CancelSubscription.js.map +1 -1
  262. package/dist/esm/Components/Sections/CancelSubscription/types.d.ts +0 -1
  263. package/dist/esm/Components/Sections/CancellationOffers/CancellationOffers.js +11 -3
  264. package/dist/esm/Components/Sections/CancellationOffers/CancellationOffers.js.map +1 -1
  265. package/dist/esm/Components/Sections/CancellationOffers/types.d.ts +2 -1
  266. package/dist/esm/Components/Sections/CancellationReasons/CancellationReasons.d.ts +2 -1
  267. package/dist/esm/Components/Sections/CancellationReasons/CancellationReasons.js +13 -2
  268. package/dist/esm/Components/Sections/CancellationReasons/CancellationReasons.js.map +1 -1
  269. package/dist/esm/Components/Sections/CardContentContainer/CardContentContainer.js +2 -2
  270. package/dist/esm/Components/Sections/CardContentContainer/CardContentContainer.js.map +1 -1
  271. package/dist/esm/Components/Sections/ConfirmCancellation/ConfirmCancellation.d.ts +1 -18
  272. package/dist/esm/Components/Sections/ConfirmCancellation/ConfirmCancellation.js +1 -1
  273. package/dist/esm/Components/Sections/ConfirmCancellation/ConfirmCancellation.js.map +1 -1
  274. package/dist/esm/Components/Sections/ConfirmCancellation/ConfirmCancellationExp2.d.ts +2 -0
  275. package/dist/esm/Components/Sections/ConfirmCancellation/ConfirmCancellationExp2.js +52 -0
  276. package/dist/esm/Components/Sections/ConfirmCancellation/ConfirmCancellationExp2.js.map +1 -0
  277. package/dist/esm/Components/Sections/ConfirmCancellation/index.d.ts +89 -0
  278. package/dist/esm/Components/Sections/ConfirmCancellation/index.js +40 -0
  279. package/dist/esm/Components/Sections/ConfirmCancellation/index.js.map +1 -0
  280. package/dist/esm/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.d.ts +2 -0
  281. package/dist/esm/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.js +88 -0
  282. package/dist/esm/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.js.map +1 -0
  283. package/dist/esm/Components/Sections/ConfirmSubscriptionOffer/index.d.ts +26 -0
  284. package/dist/esm/Components/Sections/ConfirmSubscriptionOffer/index.js +2 -0
  285. package/dist/esm/Components/Sections/ConfirmSubscriptionOffer/index.js.map +1 -0
  286. package/dist/esm/Components/Sections/ContactSupport/ContactSupport.d.ts +1 -1
  287. package/dist/esm/Components/Sections/ContactSupport/ContactSupport.js +4 -4
  288. package/dist/esm/Components/Sections/ContactSupport/ContactSupport.js.map +1 -1
  289. package/dist/esm/Components/Sections/ContactSupport/types.d.ts +2 -2
  290. package/dist/esm/Components/Sections/ContentContainer/BelowContentExtra.js +1 -1
  291. package/dist/esm/Components/Sections/ContentContainer/ContentContainer.js +100 -56
  292. package/dist/esm/Components/Sections/ContentContainer/ContentContainer.js.map +1 -1
  293. package/dist/esm/Components/Sections/ContentContainer/PaginationButton.d.ts +11 -0
  294. package/dist/esm/Components/Sections/ContentContainer/PaginationButton.js +37 -0
  295. package/dist/esm/Components/Sections/ContentContainer/PaginationButton.js.map +1 -0
  296. package/dist/esm/Components/Sections/ContentContainer/types.d.ts +4 -3
  297. package/dist/esm/Components/Sections/Form/Vouchers/Vouchers.js +2 -2
  298. package/dist/esm/Components/Sections/Form/Vouchers/Vouchers.js.map +1 -1
  299. package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.js +1 -0
  300. package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.js.map +1 -1
  301. package/dist/esm/Components/Sections/SectionContainer/ListSection.js +2 -12
  302. package/dist/esm/Components/Sections/SectionContainer/ListSection.js.map +1 -1
  303. package/dist/esm/Components/Sections/SectionContainer/types.d.ts +2 -2
  304. package/dist/esm/Components/Sections/SectionContainer/utils.js +6 -7
  305. package/dist/esm/Components/Sections/SectionContainer/utils.js.map +1 -1
  306. package/dist/esm/Components/Sections/UserHub/BaseSection.d.ts +3 -0
  307. package/dist/esm/Components/Sections/UserHub/BaseSection.js +2 -12
  308. package/dist/esm/Components/Sections/UserHub/BaseSection.js.map +1 -1
  309. package/dist/esm/Components/Sections/UserHub/NewslettersSection.js +1 -1
  310. package/dist/esm/Components/Sections/UserHub/NewslettersSection.js.map +1 -1
  311. package/dist/esm/Components/Sections/UserHub/SubscriptionDetailsSection.d.ts +6 -0
  312. package/dist/esm/Components/Sections/UserHub/SubscriptionDetailsSection.js +47 -0
  313. package/dist/esm/Components/Sections/UserHub/SubscriptionDetailsSection.js.map +1 -0
  314. package/dist/esm/Components/Templates/CancellationStepperRender.d.ts +58 -3
  315. package/dist/esm/Components/Templates/CancellationStepperRender.js +14 -12
  316. package/dist/esm/Components/Templates/CancellationStepperRender.js.map +1 -1
  317. package/dist/esm/Components/Templates/DisplayRenderer.js +1 -1
  318. package/dist/esm/Components/Templates/DisplayRenderer.js.map +1 -1
  319. package/dist/esm/Components/Templates/SubscriptionAndBillingRender.js +10 -2
  320. package/dist/esm/Components/Templates/SubscriptionAndBillingRender.js.map +1 -1
  321. package/dist/esm/Components/Templates/SunCancellationFlowRender.d.ts +3 -0
  322. package/dist/esm/Components/Templates/SunCancellationFlowRender.js +99 -0
  323. package/dist/esm/Components/Templates/SunCancellationFlowRender.js.map +1 -0
  324. package/dist/esm/Components/Templates/UserHubRender.js +17 -5
  325. package/dist/esm/Components/Templates/UserHubRender.js.map +1 -1
  326. package/dist/esm/Components/index.d.ts +1 -0
  327. package/dist/esm/context/index.d.ts +3 -2
  328. package/dist/esm/context/index.js +1 -0
  329. package/dist/esm/context/index.js.map +1 -1
  330. package/dist/esm/context/types.d.ts +30 -4
  331. package/dist/esm/context/types.js +8 -0
  332. package/dist/esm/context/types.js.map +1 -1
  333. package/dist/esm/getProviderPropsTimes.js +13 -13
  334. package/dist/esm/getProviderPropsTimes.js.map +1 -1
  335. package/dist/esm/helpers/cancellationUtils.js +2 -1
  336. package/dist/esm/helpers/cancellationUtils.js.map +1 -1
  337. package/dist/esm/helpers/dataUtils.d.ts +5 -2
  338. package/dist/esm/helpers/dataUtils.js +16 -8
  339. package/dist/esm/helpers/dataUtils.js.map +1 -1
  340. package/dist/esm/helpers/dateUtils.d.ts +1 -1
  341. package/dist/esm/helpers/dateUtils.js +9 -6
  342. package/dist/esm/helpers/dateUtils.js.map +1 -1
  343. package/dist/esm/helpers/entitlementUtils.d.ts +2 -2
  344. package/dist/esm/helpers/entitlementUtils.js +7 -4
  345. package/dist/esm/helpers/entitlementUtils.js.map +1 -1
  346. package/dist/esm/helpers/index.d.ts +2 -0
  347. package/dist/esm/helpers/index.js +2 -0
  348. package/dist/esm/helpers/index.js.map +1 -1
  349. package/dist/esm/helpers/providerUtilsTimes.js +2 -3
  350. package/dist/esm/helpers/providerUtilsTimes.js.map +1 -1
  351. package/dist/esm/helpers/randomizeReasons.d.ts +2 -0
  352. package/dist/esm/helpers/randomizeReasons.js +33 -0
  353. package/dist/esm/helpers/randomizeReasons.js.map +1 -0
  354. package/dist/esm/helpers/subscriptionsUtils.d.ts +4 -1
  355. package/dist/esm/helpers/subscriptionsUtils.js +26 -7
  356. package/dist/esm/helpers/subscriptionsUtils.js.map +1 -1
  357. package/dist/esm/hooks/index.d.ts +1 -0
  358. package/dist/esm/hooks/index.js +1 -0
  359. package/dist/esm/hooks/index.js.map +1 -1
  360. package/dist/esm/hooks/useCancelSubscriptionModal.d.ts +6 -0
  361. package/dist/esm/hooks/useCancelSubscriptionModal.js +27 -0
  362. package/dist/esm/hooks/useCancelSubscriptionModal.js.map +1 -0
  363. package/dist/esm/index.d.ts +7 -2
  364. package/dist/esm/index.js +5 -0
  365. package/dist/esm/index.js.map +1 -1
  366. package/dist/esm/pages/CancellationStepper/CancellationStepper.js +1 -1
  367. package/dist/esm/pages/CancellationStepper/CancellationStepper.js.map +1 -1
  368. package/dist/esm/pages/CancellationStepper/CancellationStepperContext.js +654 -570
  369. package/dist/esm/pages/CancellationStepper/CancellationStepperContext.js.map +1 -1
  370. package/dist/esm/pages/HolidayStop/HolidayStopContext.js +1 -1
  371. package/dist/esm/pages/HolidayStop/HolidayStopContext.js.map +1 -1
  372. package/dist/esm/pages/HolidayStopList/HolidayStopListContext.js +1 -1
  373. package/dist/esm/pages/HolidayStopList/HolidayStopListContext.js.map +1 -1
  374. package/dist/esm/pages/Newsletters/NewslettersContext.js +3 -3
  375. package/dist/esm/pages/Newsletters/NewslettersContext.js.map +1 -1
  376. package/dist/esm/pages/SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext.js +14 -2
  377. package/dist/esm/pages/SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext.js.map +1 -1
  378. package/dist/esm/pages/SubscriptionAndBilling/SubscriptionAndBillingContext.js +46 -0
  379. package/dist/esm/pages/SubscriptionAndBilling/SubscriptionAndBillingContext.js.map +1 -1
  380. package/dist/esm/pages/SunCancellationFlow/SunCancellationFlow.d.ts +7 -0
  381. package/dist/esm/pages/SunCancellationFlow/SunCancellationFlow.js +27 -0
  382. package/dist/esm/pages/SunCancellationFlow/SunCancellationFlow.js.map +1 -0
  383. package/dist/esm/pages/SunCancellationFlow/SunCancellationFlowContext.d.ts +215 -0
  384. package/dist/esm/pages/SunCancellationFlow/SunCancellationFlowContext.js +256 -0
  385. package/dist/esm/pages/SunCancellationFlow/SunCancellationFlowContext.js.map +1 -0
  386. package/dist/esm/pages/SunCancellationFlow/index.d.ts +2 -0
  387. package/dist/esm/pages/SunCancellationFlow/index.js +3 -0
  388. package/dist/esm/pages/SunCancellationFlow/index.js.map +1 -0
  389. package/dist/esm/pages/UserHub/UserHubContext.js +65 -0
  390. package/dist/esm/pages/UserHub/UserHubContext.js.map +1 -1
  391. package/dist/esm/pages/types.d.ts +19 -1
  392. package/dist/esm/providers/index.d.ts +1 -0
  393. package/dist/esm/providers/index.js +1 -0
  394. package/dist/esm/providers/index.js.map +1 -1
  395. package/dist/esm/providers/sunCancellationProvider.d.ts +1 -0
  396. package/dist/esm/providers/sunCancellationProvider.js +2 -0
  397. package/dist/esm/providers/sunCancellationProvider.js.map +1 -0
  398. package/dist/esm/queries/getContractPhases.d.ts +1 -0
  399. package/dist/esm/queries/getContractPhases.js +8 -0
  400. package/dist/esm/queries/getContractPhases.js.map +1 -0
  401. package/dist/esm/queries/getPropositionFeatures.d.ts +1 -0
  402. package/dist/esm/queries/getPropositionFeatures.js +8 -0
  403. package/dist/esm/queries/getPropositionFeatures.js.map +1 -0
  404. package/dist/esm/queries/getUserGroupAccounts.js +1 -1
  405. package/dist/esm/queries/getUserGroupAccounts.js.map +1 -1
  406. package/dist/esm/queries/getUserIncentives.js +1 -1
  407. package/dist/esm/queries/getUserIncentives.js.map +1 -1
  408. package/dist/esm/queries/getUserSubscription.js +3 -1
  409. package/dist/esm/queries/getUserSubscription.js.map +1 -1
  410. package/dist/esm/queries/getUserWithNewsletters.js +4 -1
  411. package/dist/esm/queries/getUserWithNewsletters.js.map +1 -1
  412. package/dist/esm/queries/mutateSendFamilyMemberInvite.js +2 -1
  413. package/dist/esm/queries/mutateSendFamilyMemberInvite.js.map +1 -1
  414. package/package.json +3 -3
  415. package/dist/cjs/Components/Sections/ContentContainer/InvoiceHistoryButton.d.ts +0 -10
  416. package/dist/cjs/Components/Sections/ContentContainer/InvoiceHistoryButton.js.map +0 -1
  417. package/dist/esm/Components/Sections/ContentContainer/InvoiceHistoryButton.d.ts +0 -10
  418. package/dist/esm/Components/Sections/ContentContainer/InvoiceHistoryButton.js +0 -40
  419. package/dist/esm/Components/Sections/ContentContainer/InvoiceHistoryButton.js.map +0 -1
@@ -40,646 +40,730 @@ 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',
66
- },
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%',
78
- },
79
- },
80
- layoutMainContentOverrides: {
81
- fullWidth: true,
82
- justifyContent: 'stretch',
83
- width: {
84
- xs: '100%',
85
- md: '100%',
86
- },
87
- paddingInline: {
88
- xs: 'space045',
89
- md: 'space060',
90
- },
91
- paddingBlockStart: {
92
- xs: 'space045',
93
- md: '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',
94
55
  },
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',
121
- },
122
- },
123
- descriptionOverrides: {
124
- marginBlockEnd: 'space040',
125
- paddingInline: { xs: 'space000', md: 'space110' },
126
- typographyPreset: {
127
- xs: 'editorialParagraph010',
128
- md: 'editorialParagraph020',
129
- },
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,
130
70
  },
131
71
  },
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
- },
72
+ backButtonOverrides: {
73
+ marginBlockEnd: 'space060',
142
74
  },
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
- },
75
+ },
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%',
154
86
  },
155
- itemHeaderOverrides: {
156
- flow: { xs: 'vertical-center', md: 'horizontal-top' },
157
- flowReverse: { xs: true, md: false },
158
- imageVisible: true,
159
- height: 'auto',
87
+ },
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',
160
98
  },
161
- itemImageOverrides: {
162
- width: 45,
163
- height: 36,
99
+ paddingBlockStart: {
100
+ xs: 'space045',
101
+ md: 'space060',
164
102
  },
165
- belowItemExtra: {
103
+ },
104
+ contentContainerOverrides: {
105
+ marginInline: 'auto',
106
+ paddingBlockStart: 'space000',
107
+ paddingInline: 'space000',
108
+ },
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
+ },
130
+ },
131
+ descriptionOverrides: {
132
+ marginBlockEnd: 'space040',
133
+ paddingInline: { xs: 'space000', md: 'space110' },
134
+ typographyPreset: {
135
+ xs: 'editorialParagraph010',
136
+ md: 'editorialParagraph020',
137
+ },
138
+ },
139
+ },
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',
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
+ },
180
162
  },
181
- buttonOverrides: {
182
- stylePreset: 'baseInteractivePrimary030',
183
- typographyPreset: 'utilitySubheading020',
163
+ itemHeaderOverrides: {
164
+ flow: { xs: 'vertical-center', md: 'horizontal-top' },
165
+ flowReverse: { xs: true, md: false },
166
+ imageVisible: true,
167
+ height: 'auto',
184
168
  },
185
- iconOverrides: {
186
- size: 'iconSize020',
187
- stylePreset: 'baseInteractivePrimary030',
169
+ itemImageOverrides: {
170
+ width: 45,
171
+ height: 36,
188
172
  },
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,
198
- },
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',
341
- },
342
- },
343
- descriptionOverrides: {
344
- paddingInline: { xs: 'space000', md: 'space050' },
345
- stylePreset: 'inkSubtle',
346
- typographyPreset: {
347
- xs: 'editorialLightHeadline020',
348
- md: 'editorialLightHeadline030',
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
+ },
349
246
  },
350
- },
351
- },
352
- heroImage: {
353
- width: 450,
354
- height: 470,
355
- src: '/assets/cancellation/cancellation-hero.png',
356
- alt: 'Downgrade',
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
+ },
265
+ },
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
+ },
379
350
  },
351
+ descriptionOverrides: {
352
+ paddingInline: { xs: 'space000', md: 'space050' },
353
+ stylePreset: 'inkSubtle',
354
+ typographyPreset: {
355
+ xs: 'editorialLightHeadline020',
356
+ md: 'editorialLightHeadline030',
357
+ },
358
+ },
359
+ },
360
+ heroImage: {
361
+ width: 450,
362
+ height: 470,
363
+ src: '/assets/cancellation/cancellation-hero.png',
364
+ alt: 'Downgrade',
380
365
  },
381
- {
382
- id: 'offer-2',
383
- title: 'Your current subscription',
384
- offerLabel: 'International Digital',
385
- offerLabelOverrides: {
386
- typographyPreset: 'editorialLightHeadline050',
387
- stylePreset: 'inkSection020',
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,
387
+ },
388
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',
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' },
396
416
  },
397
417
  },
398
- buttonEventContext: {
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
- },
443
- introduction: {
444
- title: 'Subscription cancelled',
445
- description: 'Your subscription will expire on ##DATE##.',
446
- center: true,
447
435
  },
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
- },
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
488
  },
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',
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
+ },
564
599
  },
565
- title: {
566
- marginBlockStart: 'space030',
567
- typographyPreset: 'utilityHeading010',
600
+ },
601
+ ],
602
+ },
603
+ benefits: {
604
+ showBenefits: true,
605
+ title: 'Subscriber benefits',
606
+ titleOverrides: {
607
+ typographyPreset: 'editorialHeadline030',
608
+ stylePreset: 'inkContrast',
609
+ marginBlockEnd: 'space050',
610
+ },
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",
568
619
  },
569
620
  },
621
+ {
622
+ code: 'share',
623
+ title: 'Share articles',
624
+ description: 'Forward articles to friends and family for free',
625
+ },
626
+ ],
627
+ },
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',
570
639
  },
571
- ],
572
- },
573
- benefits: {
574
- showBenefits: true,
575
- title: 'Subscriber benefits',
576
- titleOverrides: {
577
- typographyPreset: 'editorialHeadline030',
578
- stylePreset: 'inkContrast',
579
- marginBlockEnd: 'space050',
580
640
  },
581
641
  },
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',
642
+ offerConfirmation: {
643
+ contentContainerOverrides: {
644
+ marginInline: 'auto',
645
+ paddingBlockStart: 'space000',
646
+ paddingInline: 'space000',
647
+ width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
648
+ },
649
+ showBackButton: false,
650
+ header: {
651
+ title: 'Your subscription has been updated and your discount will start from ##DATE##',
652
+ description: "You'll shortly receive a confirmation email. View your subscription details in My Account.",
653
+ showDivider: true,
654
+ marginBlockEnd: { xs: 'space050', md: 'space070' },
655
+ titleOverrides: {
656
+ marginBlockEnd: 'space060',
657
+ },
658
+ descriptionOverrides: {
659
+ marginBlockEnd: 'space000',
660
+ },
589
661
  },
590
- label: '',
591
- button: {
592
- text: 'Continue',
662
+ subscriptionDetails: {
663
+ subscriptionType: {
664
+ label: 'Your subscription',
665
+ },
666
+ offerStartDate: {
667
+ label: 'Offer start date',
668
+ },
669
+ initialPrice: {
670
+ label: 'Initial price',
671
+ },
672
+ regularPrice: {
673
+ label: 'Regular price',
674
+ },
593
675
  },
676
+ buttonText: 'Go back to My Account',
677
+ buttonUrl: '/account',
594
678
  },
595
- },
596
- contactSupport: {
597
- tealiumContext: getPageTrackingEvent('contact support', variant, contractPhase),
598
- contentContainerOverrides: {
599
- marginInline: 'auto',
600
- paddingBlockStart: 'space000',
601
- paddingInline: 'space000',
602
- width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
603
- },
604
- header: {
605
- title: "Let's talk before you go",
606
- description: 'Our team may have an offer or solution for you.',
607
- titleOverrides: {
608
- marginBlockEnd: 'space060',
679
+ contactSupport: {
680
+ tealiumContext: getPageTrackingEvent('contact support', variant, contractPhase),
681
+ contentContainerOverrides: {
682
+ marginInline: 'auto',
683
+ paddingBlockStart: 'space000',
684
+ paddingInline: 'space000',
685
+ width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
686
+ },
687
+ header: {
688
+ title: "Let's talk before you go",
689
+ description: 'Our team may have an offer or solution for you.',
690
+ titleOverrides: {
691
+ marginBlockEnd: 'space060',
692
+ },
693
+ descriptionOverrides: {
694
+ marginBlockEnd: 'space060',
695
+ },
609
696
  },
610
- descriptionOverrides: {
611
- marginBlockEnd: 'space060',
697
+ contactMethods: [
698
+ {
699
+ label: 'Call us',
700
+ ariaLabel: 'Call us',
701
+ type: 'contactMethod',
702
+ default: (react_1.default.createElement(newskit_1.Button, { as: "a", href: "tel:1800949687", overrides: {
703
+ typographyPreset: 'utilityHeading030',
704
+ stylePreset: 'inkDark010',
705
+ paddingBlock: 'space000',
706
+ paddingInline: 'space000',
707
+ minHeight: 'auto',
708
+ minWidth: 'auto',
709
+ } }, "1800 949 687")),
710
+ valueDescription: 'Lines are open 8-7pm Mon-Fri UK time and 8-4pm weekends & bank holidays.',
711
+ },
712
+ {
713
+ label: 'Chat online',
714
+ ariaLabel: 'Chat online',
715
+ type: 'contactMethod',
716
+ default: (react_1.default.createElement(newskit_1.Button, { overrides: {
717
+ stylePreset: 'buttonMinimalPrimary',
718
+ paddingBlock: 'space000',
719
+ paddingInline: 'space000',
720
+ minHeight: 'auto',
721
+ minWidth: 'auto',
722
+ typographyPreset: 'utilityLabel020',
723
+ } }, "Live chat")),
724
+ },
725
+ {
726
+ label: 'WhatsApp',
727
+ ariaLabel: 'WhatsApp',
728
+ type: 'contactMethod',
729
+ default: (react_1.default.createElement(newskit_1.Button, { as: "a", target: "_blank", href: "https://wa.me/447782386977", overrides: {
730
+ typographyPreset: 'utilityLabel020',
731
+ stylePreset: 'inkBrand020',
732
+ paddingBlock: 'space000',
733
+ paddingInline: 'space000',
734
+ minHeight: 'auto',
735
+ minWidth: 'auto',
736
+ } }, "Message us on WhatsApp")),
737
+ },
738
+ ],
739
+ continueButton: {
740
+ eventContext: {
741
+ event_navigation_action: 'navigation',
742
+ event_navigation_name: 'online cancellation - continue with cancellation',
743
+ event_navigation_browsing_method: newskit_1.EventTrigger.Click,
744
+ page_name: 'contact support',
745
+ },
746
+ text: 'Continue with cancellation',
612
747
  },
613
748
  },
614
- items: [
615
- {
616
- label: 'Call us',
617
- ariaLabel: 'Call us',
618
- type: 'contactMethod',
619
- default: (react_1.default.createElement(newskit_1.Button, { as: "a", href: "tel:1800949687", overrides: {
620
- typographyPreset: 'utilityHeading030',
621
- stylePreset: 'inkDark010',
622
- paddingBlock: 'space000',
623
- paddingInline: 'space000',
624
- minHeight: 'auto',
625
- minWidth: 'auto',
626
- } }, "1800 949 687")),
627
- valueDescription: 'Lines are open 8-7pm Mon-Fri UK time and 8-4pm weekends & bank holidays.',
628
- },
629
- {
630
- label: 'Chat online',
631
- ariaLabel: 'Chat online',
632
- type: 'contactMethod',
633
- default: (react_1.default.createElement(newskit_1.Button, { overrides: {
634
- stylePreset: 'buttonMinimalPrimary',
635
- paddingBlock: 'space000',
636
- paddingInline: 'space000',
637
- minHeight: 'auto',
638
- minWidth: 'auto',
639
- typographyPreset: 'utilityLabel020',
640
- } }, "Live chat")),
641
- },
642
- {
643
- label: 'WhatsApp',
644
- ariaLabel: 'WhatsApp',
645
- type: 'contactMethod',
646
- default: (react_1.default.createElement(newskit_1.Button, { as: "a", target: "_blank", href: "https://wa.me/447782386977", overrides: {
647
- typographyPreset: 'utilityLabel020',
648
- stylePreset: 'inkBrand020',
649
- paddingBlock: 'space000',
650
- paddingInline: 'space000',
651
- minHeight: 'auto',
652
- minWidth: 'auto',
653
- } }, "Message us on WhatsApp")),
654
- },
749
+ },
750
+ componentSequence: {
751
+ Digital: [
752
+ 'contactSupport',
753
+ 'reason',
754
+ 'downgrade',
755
+ 'preCancellation',
756
+ 'confirmCancel',
655
757
  ],
656
- continueButton: {
657
- eventContext: {
658
- event_navigation_action: 'navigation',
659
- event_navigation_name: 'online cancellation - continue with cancellation',
660
- event_navigation_browsing_method: newskit_1.EventTrigger.Click,
661
- page_name: 'contact support',
662
- },
663
- text: 'Continue with cancellation',
664
- },
665
758
  },
666
- },
667
- componentSequence: {
668
- Digital: [
669
- 'contactSupport',
670
- 'reason',
671
- 'downgrade',
672
- 'preCancellation',
673
- 'confirmCancel',
674
- ],
675
- },
676
- navigationPrimary: baseContext_1.navigationPrimary,
677
- footer: baseContext_1.footer,
678
- sideNav: baseContext_1.sideNav,
679
- sideNavSelected: 'subscription-and-billing',
680
- previousSubscription: {
681
- disableBanner: true,
682
- },
683
- }); };
759
+ navigationPrimary: baseContext_1.navigationPrimary,
760
+ footer: baseContext_1.footer,
761
+ sideNav: baseContext_1.sideNav,
762
+ sideNavSelected: 'subscription-and-billing',
763
+ previousSubscription: {
764
+ disableBanner: true,
765
+ },
766
+ };
767
+ };
684
768
  exports.CancellationStepperContext = CancellationStepperContext;
685
769
  //# sourceMappingURL=CancellationStepperContext.js.map