@times-components/key-facts 2.12.86 → 2.12.87

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.12.87](https://github.com/newsuk/times-components/compare/@times-components/key-facts@2.12.86...@times-components/key-facts@2.12.87) (2024-07-30)
+
+
+### Bug Fixes
+
+* **TMD-551:** render mislabelled paywall key facts ([#3893](https://github.com/newsuk/times-components/issues/3893)) ([3a33244](https://github.com/newsuk/times-components/commit/3a33244d4481675b9c8e0ab4c53b5eaaf52f9f2c))
+
+
+
+
+
 ## [2.12.86](https://github.com/newsuk/times-components/compare/@times-components/key-facts@2.12.85...@times-components/key-facts@2.12.86) (2024-07-15)
 
 **Note:** Version bump only for package @times-components/key-facts

package/dist/key-facts.js

@@ -17,6 +17,19 @@ var _styles = require("./styles");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+// Function to convert key items incorrectly marked as "paywall" into list items
+function formatPaywallItems(items) {
+  return [...items].map(item => item.name === "paywall" ? _objectSpread({}, item.children[0]) : _objectSpread(_objectSpread({}, item), {}, {
+    children: item.children.map(i => i.name === "paywall" ? _objectSpread({}, i.children[0]) : i)
+  }));
+}
+
 const KeyFacts = _ref => {
   let ast = _ref.ast,
       section = _ref.section,
@@ -25,6 +38,7 @@ const KeyFacts = _ref => {
   const children = ast.children,
         title = ast.attributes.title;
   const keyFactsItems = children[0].children;
+  const formattedKeyFactItems = formatPaywallItems(keyFactsItems);
   const articleFlag = isLiveOrBreaking ? isLiveOrBreaking.toLowerCase() : "no flag";
   return /*#__PURE__*/_react.default.createElement(_tsComponents.TrackingContextProvider, {
     context: {
@@ -50,7 +64,7 @@ const KeyFacts = _ref => {
         intersectObserverRef = _ref2.intersectObserverRef;
     return /*#__PURE__*/_react.default.createElement(_styles.KeyFactsContainer, {
       ref: intersectObserverRef
-    }, title && /*#__PURE__*/_react.default.createElement(_styles.KeyFactsTitle, null, title), keyFactsItems.map((keyFactItem, index) => /*#__PURE__*/_react.default.createElement(_keyFactsText.default, {
+    }, title && /*#__PURE__*/_react.default.createElement(_styles.KeyFactsTitle, null, title), formattedKeyFactItems.map((keyFactItem, index) => /*#__PURE__*/_react.default.createElement(_keyFactsText.default, {
       listIndex: index,
       keyFactItem: keyFactItem,
       fireAnalyticsEvent: fireAnalyticsEvent,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/key-facts",
-  "version": "2.12.86",
+  "version": "2.12.87",
   "description": "Bulleted list of text data ",
   "main": "dist/key-facts",
   "dev": "src/key-facts",
@@ -73,5 +73,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "c96f1406c8099b71598c1fc0c0c4c4b053109cf6"
+  "gitHead": "92ade481cf28e77695de0f9a600c4e7c49a87eca"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=8)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/markup-forest/rnw")},function(e,t){e.exports=require("@times-components/markup/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(1),o=n.n(r),i=n(5),a=n(6),c=n(7),l=n.n(c),s=n(4),u=n(2),p=n.n(u),d=(p.a.number.isRequired,p.a.object.isRequired,p.a.func.isRequired,n(3)),f=n.n(d),m=n(0);const b=f.a.a.withConfig({displayName:"styles__KeyFactTextLink",componentId:"sc-1shod7b-0"})(["color:inherit;cursor:pointer;text-decoration:underline;&:hover{color:",";}&:active{color:",";}"],m.colours.functional.brandColour,m.colours.functional.brandColour),y=f.a.div.withConfig({displayName:"styles__BulletContainer",componentId:"sc-1shod7b-1"})(["display:flex;flex-direction:row;margin-bottom:",";padding-left:",";width:100%;:last-of-type{margin-bottom:0px;}"],Object(m.spacing)(4),Object(m.spacing)(1)),g=f.a.div.withConfig({displayName:"styles__Bullet",componentId:"sc-1shod7b-2"})(["height:6px;width:6px;margin-top:2px;background-color:#9f0000;"]),h=f.a.h2.withConfig({displayName:"styles__KeyFactsTitle",componentId:"sc-1shod7b-3"})(["font-family:",";font-size:","px;font-weight:400;margin:0px 0px 20px 0px;color:",";"],m.fontsWithFallback.headline,m.fontSizes.keyFactsTitle,m.colours.functional.brandColour),x=f.a.span.withConfig({displayName:"styles__Text",componentId:"sc-1shod7b-4"})(["color:",";font-family:",";font-size:","px;margin-top:-8px;padding-left:",";width:95%;line-height:28px;"],m.colours.functional.primary,m.fontsWithFallback.bodyRegular,m.fontSizes.infoSubText,Object(m.spacing)(3)),v=f.a.div.withConfig({displayName:"styles__KeyFactsContainer",componentId:"sc-1shod7b-5"})(["margin:0 auto 20px auto;padding:16px 20px;background-color:",";border-top:2px solid #9f0000;@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}"],m.colours.functional.backgroundPrimary,m.breakpoints.medium,m.breakpoints.wide);function _(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function O(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?_(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):_(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var j=e=>{let t=e.listIndex,n=e.keyFactItem,r=e.fireAnalyticsEvent,i=e.articleFlag;return o.a.createElement(y,{key:"key-facts-".concat(t)},o.a.createElement(g,null),o.a.createElement(x,null,n.children.map((e,n)=>Object(a.renderTree)(e,O(O({},l.a),{},{link(t,n,a){const c=n.href,l=(e=>{if(1===e.children.length&&e.children[0].attributes)return e.children[0].attributes.value;const t=e.children.map(e=>e.attributes?e.attributes.value:e.attributes).join(" ");return t.length>0?t:" "})(e);return o.a.createElement(b,{key:t,onClick:e=>{Object(s.handleOnClickScrollTo)(e,c),((e,t,n)=>{e&&e({action:"Clicked",attrs:{event_navigation_name:"in-article component clicked : key moments",event_navigation_browsing_method:"click",article_parent_name:t,article_flag:n}})})(r,l,i)},href:Object(s.handleHrefScrollTo)(c)},a)}}),"key-facts-".concat(t,"-").concat(n)))))};p.a.object.isRequired,p.a.string,p.a.string,p.a.string;t.default=e=>{let t=e.ast,n=e.section,r=e.headline,a=e.isLiveOrBreaking;const c=t.children,l=t.attributes.title,s=c[0].children,u=a?a.toLowerCase():"no flag";return o.a.createElement(i.TrackingContextProvider,{context:{object:"KeyMoments",attrs:{component_type:"in-article component: key moments: interactive",event_navigation_action:"navigation",component_name:l,section_details:"section : ".concat(n),article_name:r,article_flag:u}},scrolledEvent:{action:"Scrolled",attrs:{event_navigation_name:"in-article component displayed : key moments",event_navigation_browsing_method:"scroll"}}},e=>{let t=e.fireAnalyticsEvent,n=e.intersectObserverRef;return o.a.createElement(v,{ref:n},l&&o.a.createElement(h,null,l),s.map((e,n)=>o.a.createElement(j,{listIndex:n,keyFactItem:e,fireAnalyticsEvent:t,articleFlag:u})))})}}]);
+module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var o=t[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,n),o.l=!0,o.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)n.d(r,o,function(t){return e[t]}.bind(null,o));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=8)}([function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("react")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("@times-components/ts-components/rnw")},function(e,t){e.exports=require("@times-components/markup-forest/rnw")},function(e,t){e.exports=require("@times-components/markup/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(1),o=n.n(r),i=n(5),a=n(6),c=n(7),l=n.n(c),s=n(4),u=n(2),p=n.n(u),f=(p.a.number.isRequired,p.a.object.isRequired,p.a.func.isRequired,n(3)),d=n.n(f),m=n(0);const b=d.a.a.withConfig({displayName:"styles__KeyFactTextLink",componentId:"sc-1shod7b-0"})(["color:inherit;cursor:pointer;text-decoration:underline;&:hover{color:",";}&:active{color:",";}"],m.colours.functional.brandColour,m.colours.functional.brandColour),y=d.a.div.withConfig({displayName:"styles__BulletContainer",componentId:"sc-1shod7b-1"})(["display:flex;flex-direction:row;margin-bottom:",";padding-left:",";width:100%;:last-of-type{margin-bottom:0px;}"],Object(m.spacing)(4),Object(m.spacing)(1)),g=d.a.div.withConfig({displayName:"styles__Bullet",componentId:"sc-1shod7b-2"})(["height:6px;width:6px;margin-top:2px;background-color:#9f0000;"]),h=d.a.h2.withConfig({displayName:"styles__KeyFactsTitle",componentId:"sc-1shod7b-3"})(["font-family:",";font-size:","px;font-weight:400;margin:0px 0px 20px 0px;color:",";"],m.fontsWithFallback.headline,m.fontSizes.keyFactsTitle,m.colours.functional.brandColour),O=d.a.span.withConfig({displayName:"styles__Text",componentId:"sc-1shod7b-4"})(["color:",";font-family:",";font-size:","px;margin-top:-8px;padding-left:",";width:95%;line-height:28px;"],m.colours.functional.primary,m.fontsWithFallback.bodyRegular,m.fontSizes.infoSubText,Object(m.spacing)(3)),v=d.a.div.withConfig({displayName:"styles__KeyFactsContainer",componentId:"sc-1shod7b-5"})(["margin:0 auto 20px auto;padding:16px 20px;background-color:",";border-top:2px solid #9f0000;@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}"],m.colours.functional.backgroundPrimary,m.breakpoints.medium,m.breakpoints.wide);function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function j(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){w(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function w(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var _=e=>{let t=e.listIndex,n=e.keyFactItem,r=e.fireAnalyticsEvent,i=e.articleFlag;return o.a.createElement(y,{key:"key-facts-".concat(t)},o.a.createElement(g,null),o.a.createElement(O,null,n.children.map((e,n)=>Object(a.renderTree)(e,j(j({},l.a),{},{link(t,n,a){const c=n.href,l=(e=>{if(1===e.children.length&&e.children[0].attributes)return e.children[0].attributes.value;const t=e.children.map(e=>e.attributes?e.attributes.value:e.attributes).join(" ");return t.length>0?t:" "})(e);return o.a.createElement(b,{key:t,onClick:e=>{Object(s.handleOnClickScrollTo)(e,c),((e,t,n)=>{e&&e({action:"Clicked",attrs:{event_navigation_name:"in-article component clicked : key moments",event_navigation_browsing_method:"click",article_parent_name:t,article_flag:n}})})(r,l,i)},href:Object(s.handleHrefScrollTo)(c)},a)}}),"key-facts-".concat(t,"-").concat(n)))))};p.a.object.isRequired,p.a.string,p.a.string,p.a.string;function k(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function P(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?k(Object(n),!0).forEach((function(t){C(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):k(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function C(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}t.default=e=>{let t=e.ast,n=e.section,r=e.headline,a=e.isLiveOrBreaking;const c=t.children,l=t.attributes.title,s=c[0].children,u=(p=s,[...p].map(e=>"paywall"===e.name?P({},e.children[0]):P(P({},e),{},{children:e.children.map(e=>"paywall"===e.name?P({},e.children[0]):e)})));var p;const f=a?a.toLowerCase():"no flag";return o.a.createElement(i.TrackingContextProvider,{context:{object:"KeyMoments",attrs:{component_type:"in-article component: key moments: interactive",event_navigation_action:"navigation",component_name:l,section_details:"section : ".concat(n),article_name:r,article_flag:f}},scrolledEvent:{action:"Scrolled",attrs:{event_navigation_name:"in-article component displayed : key moments",event_navigation_browsing_method:"scroll"}}},e=>{let t=e.fireAnalyticsEvent,n=e.intersectObserverRef;return o.a.createElement(v,{ref:n},l&&o.a.createElement(h,null,l),u.map((e,n)=>o.a.createElement(_,{listIndex:n,keyFactItem:e,fireAnalyticsEvent:t,articleFlag:f})))})}}]);