@times-components/article-skeleton 1.85.42 → 1.86.2

package/dist/article-body/article-body.js

@@ -1 +1,657 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});Object.defineProperty(exports,"ArticleLink",{enumerable:true,get:function get(){return _articleLink.default;}});exports.default=exports.responsiveDisplayWrapper=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _defineProperty2=_interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _ad=require("@times-components/ad");var _lazyLoad=_interopRequireDefault(require("@times-components/lazy-load"));var _articleImage=_interopRequireDefault(require("@times-components/article-image"));var _articleParagraph=_interopRequireWildcard(require("@times-components/article-paragraph"));var _context=_interopRequireDefault(require("@times-components/context"));var _interactiveWrapper=_interopRequireDefault(require("@times-components/interactive-wrapper"));var _keyFacts=_interopRequireDefault(require("@times-components/key-facts"));var _markup=_interopRequireDefault(require("@times-components/markup"));var _pullQuote=_interopRequireDefault(require("@times-components/pull-quote"));var _video=_interopRequireDefault(require("@times-components/video"));var _markupForest=_interopRequireDefault(require("@times-components/markup-forest"));var _utils=require("@times-components/utils");var _tsComponents=require("@times-components/ts-components");var _tsStyleguide=require("@times-components/ts-styleguide");var _articleLink=_interopRequireDefault(require("./article-link"));var _insetCaption=_interopRequireDefault(require("./inset-caption"));var _responsive=require("../styles/article-body/responsive");var _jsxFileName="/home/circleci/project/packages/article-skeleton/src/article-body/article-body.js";function _getRequireWildcardCache(nodeInterop){if(typeof WeakMap!=="function")return null;var cacheBabelInterop=new WeakMap();var cacheNodeInterop=new WeakMap();return(_getRequireWildcardCache=function _getRequireWildcardCache(nodeInterop){return nodeInterop?cacheNodeInterop:cacheBabelInterop;})(nodeInterop);}function _interopRequireWildcard(obj,nodeInterop){if(!nodeInterop&&obj&&obj.__esModule){return obj;}if(obj===null||typeof obj!=="object"&&typeof obj!=="function"){return{default:obj};}var cache=_getRequireWildcardCache(nodeInterop);if(cache&&cache.has(obj)){return cache.get(obj);}var newObj={};var hasPropertyDescriptor=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var key in obj){if(key!=="default"&&Object.prototype.hasOwnProperty.call(obj,key)){var desc=hasPropertyDescriptor?Object.getOwnPropertyDescriptor(obj,key):null;if(desc&&(desc.get||desc.set)){Object.defineProperty(newObj,key,desc);}else{newObj[key]=obj[key];}}}newObj.default=obj;if(cache){cache.set(obj,newObj);}return newObj;}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){(0,_defineProperty2.default)(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;}var deckApiUrl="https://gobble.timesdev.tools/deck/api/deck-post-action/";var responsiveDisplayWrapper=function responsiveDisplayWrapper(displayType){switch(displayType){case"secondary":return _responsive.SecondaryImg;case"inline":return _responsive.InlineImg;case"fullwidth":return _responsive.FullWidthImg;default:return _responsive.PrimaryImg;}};exports.responsiveDisplayWrapper=responsiveDisplayWrapper;var highResSizeCalc=function highResSizeCalc(observed,key,template){var screenWidth=observed.get(key)&&observed.get(key).clientWidth?observed.get(key).clientWidth:null;var indepthRetinaScreenWidth=screenWidth&&window.devicePixelRatio>1&&template==="indepth"&&screenWidth*1.5;return indepthRetinaScreenWidth||screenWidth;};var renderers=function renderers(_ref){var paidContentClassName=_ref.paidContentClassName,template=_ref.template,analyticsStream=_ref.analyticsStream,isPreview=_ref.isPreview,olympicsKeys=_ref.olympicsKeys,isLiveOrBreaking=_ref.isLiveOrBreaking,section=_ref.section,articleHeadline=_ref.articleHeadline;return _objectSpread(_objectSpread({},_markup.default),{},{ad:function ad(key){return isLiveOrBreaking?null:_react.default.createElement(_responsive.InlineAdWrapper,{__source:{fileName:_jsxFileName,lineNumber:113,columnNumber:7}},_react.default.createElement(_responsive.InlineAdTitle,{__source:{fileName:_jsxFileName,lineNumber:114,columnNumber:9}},"Advertisement"),_react.default.createElement(_ad.AdContainer,{key:key,slotName:"inline-ad",__source:{fileName:_jsxFileName,lineNumber:115,columnNumber:9}}));},inlineAd1:function inlineAd1(key){return isLiveOrBreaking?null:_react.default.createElement(_responsive.InlineAdWrapper,{__source:{fileName:_jsxFileName,lineNumber:121,columnNumber:7}},_react.default.createElement(_responsive.InlineAdTitle,{__source:{fileName:_jsxFileName,lineNumber:122,columnNumber:9}},"Advertisement"),_react.default.createElement(_ad.AdContainer,{key:key,slotName:"inlineAd1",__source:{fileName:_jsxFileName,lineNumber:123,columnNumber:9}}));},inlineAd2:function inlineAd2(key){return isLiveOrBreaking?null:_react.default.createElement(_responsive.InlineAdWrapper,{__source:{fileName:_jsxFileName,lineNumber:129,columnNumber:7}},_react.default.createElement(_responsive.InlineAdTitle,{__source:{fileName:_jsxFileName,lineNumber:130,columnNumber:9}},"Advertisement"),_react.default.createElement(_ad.AdContainer,{key:key,slotName:"inlineAd2",__source:{fileName:_jsxFileName,lineNumber:131,columnNumber:9}}));},inlineAd3:function inlineAd3(key){return isLiveOrBreaking?null:_react.default.createElement(_responsive.InlineAdWrapper,{__source:{fileName:_jsxFileName,lineNumber:137,columnNumber:7}},_react.default.createElement(_responsive.InlineAdTitle,{__source:{fileName:_jsxFileName,lineNumber:138,columnNumber:9}},"Advertisement"),_react.default.createElement(_ad.AdContainer,{key:key,slotName:"inlineAd3",__source:{fileName:_jsxFileName,lineNumber:139,columnNumber:9}}));},dropCap:function dropCap(key,attrs,children){return _react.default.createElement(_context.default.Consumer,{key:key,__source:{fileName:_jsxFileName,lineNumber:145,columnNumber:7}},function(_ref2){var _ref2$theme=_ref2.theme,dropCapFont=_ref2$theme.dropCapFont,_ref2$theme$sectionCo=_ref2$theme.sectionColour,sectionColour=_ref2$theme$sectionCo===void 0?_tsStyleguide.colours.section.default:_ref2$theme$sectionCo;return _react.default.createElement(_articleParagraph.DropCapView,{colour:sectionColour,font:dropCapFont,__source:{fileName:_jsxFileName,lineNumber:149,columnNumber:11}},children);});},nativeAd:function nativeAd(key){return isLiveOrBreaking?null:_react.default.createElement(_responsive.NativeAd,{className:"group-3 hidden",key:key,__source:{fileName:_jsxFileName,lineNumber:158,columnNumber:7}},_react.default.createElement(_responsive.NativeAdTitle,{__source:{fileName:_jsxFileName,lineNumber:159,columnNumber:9}},"Sponsored"),_react.default.createElement(_responsive.Ad,{id:"advert-inarticle-native-1","data-parent":"group-3",__source:{fileName:_jsxFileName,lineNumber:160,columnNumber:9}}),_react.default.createElement(_responsive.Ad,{id:"advert-inarticle-native-2","data-parent":"group-3",__source:{fileName:_jsxFileName,lineNumber:161,columnNumber:9}}));},image:function image(key,_ref3){var id=_ref3.id,display=_ref3.display,ratio=_ref3.ratio,url=_ref3.url,caption=_ref3.caption,credits=_ref3.credits;var MediaWrapper=responsiveDisplayWrapper(display);return _react.default.createElement(_lazyLoad.default,{key:key,rootMargin:(0,_tsStyleguide.spacing)(40),threshold:0,__source:{fileName:_jsxFileName,lineNumber:168,columnNumber:7}},function(_ref4){var observed=_ref4.observed,registerNode=_ref4.registerNode;return _react.default.createElement("div",{id:key,ref:function ref(node){return registerNode(node);},__source:{fileName:_jsxFileName,lineNumber:170,columnNumber:11}},_react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:171,columnNumber:13}},_react.default.createElement(MediaWrapper,{__source:{fileName:_jsxFileName,lineNumber:172,columnNumber:15}},_react.default.createElement(_articleImage.default,{captionOptions:{caption:caption,credits:credits},imageOptions:{display:display,highResSize:highResSizeCalc(observed,key,template),lowResQuality:3,lowResSize:400,ratio:ratio,uri:url},__source:{fileName:_jsxFileName,lineNumber:173,columnNumber:17}}))));});},interactive:function interactive(key,_ref5){var id=_ref5.id,url=_ref5.url,element=_ref5.element,display=_ref5.display;var attributes=element.attributes,value=element.value;switch(value){case"in-article-info-card":return _react.default.createElement(_context.default.Consumer,{key:key,__source:{fileName:_jsxFileName,lineNumber:199,columnNumber:11}},function(_ref6){var theme=_ref6.theme;return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:201,columnNumber:15}},_react.default.createElement(_tsComponents.FetchProvider,{url:deckApiUrl+attributes["deck-id"],__source:{fileName:_jsxFileName,lineNumber:202,columnNumber:17}},_react.default.createElement(_tsComponents.InfoCard,{sectionColour:theme.sectionColour,__source:{fileName:_jsxFileName,lineNumber:203,columnNumber:19}})));});case"in-article-info-card-bulletpoints":return _react.default.createElement(_context.default.Consumer,{key:key,__source:{fileName:_jsxFileName,lineNumber:212,columnNumber:11}},function(_ref7){var theme=_ref7.theme;return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:214,columnNumber:15}},_react.default.createElement(_tsComponents.FetchProvider,{url:deckApiUrl+attributes["deck-id"],__source:{fileName:_jsxFileName,lineNumber:215,columnNumber:17}},_react.default.createElement(_tsComponents.InfoCardBulletPoints,{sectionColour:theme.sectionColour,__source:{fileName:_jsxFileName,lineNumber:216,columnNumber:19}})));});case"in-article-big-numbers":return _react.default.createElement(_context.default.Consumer,{key:key,__source:{fileName:_jsxFileName,lineNumber:225,columnNumber:11}},function(_ref8){var theme=_ref8.theme;return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:227,columnNumber:15}},_react.default.createElement(_tsComponents.FetchProvider,{url:deckApiUrl+attributes["deck-id"],__source:{fileName:_jsxFileName,lineNumber:228,columnNumber:17}},_react.default.createElement(_tsComponents.BigNumbers,{sectionColour:theme.sectionColour,__source:{fileName:_jsxFileName,lineNumber:229,columnNumber:19}})));});case"in-article-timelines":return _react.default.createElement(_context.default.Consumer,{key:key,__source:{fileName:_jsxFileName,lineNumber:238,columnNumber:11}},function(_ref9){var theme=_ref9.theme;return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:240,columnNumber:15}},_react.default.createElement(_tsComponents.FetchProvider,{url:deckApiUrl+attributes["deck-id"],__source:{fileName:_jsxFileName,lineNumber:241,columnNumber:17}},_react.default.createElement(_tsComponents.Timelines,{sectionColour:theme.sectionColour,__source:{fileName:_jsxFileName,lineNumber:242,columnNumber:19}})));});case"gallery-carousel":return _react.default.createElement(_context.default.Consumer,{key:key,__source:{fileName:_jsxFileName,lineNumber:251,columnNumber:11}},function(_ref10){var theme=_ref10.theme;return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:253,columnNumber:15}},_react.default.createElement(_tsComponents.FetchProvider,{url:deckApiUrl+attributes["deck-id"],__source:{fileName:_jsxFileName,lineNumber:254,columnNumber:17}},_react.default.createElement(_tsComponents.GalleryCarousel,{sectionColour:theme.sectionColour,__source:{fileName:_jsxFileName,lineNumber:255,columnNumber:19}})));});case"newsletter-puff":var code=attributes.code,copy=attributes.copy,headline=attributes.headline,imageUri=attributes.imageUri,label=attributes.label;return isPreview?_react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:267,columnNumber:11}},_react.default.createElement(_tsComponents.PreviewNewsletterPuff,{copy:(0,_tsComponents.safeDecodeURIComponent)(copy),headline:(0,_tsComponents.safeDecodeURIComponent)(headline),imageUri:(0,_tsComponents.safeDecodeURIComponent)(imageUri),label:(0,_tsComponents.safeDecodeURIComponent)(label),__source:{fileName:_jsxFileName,lineNumber:268,columnNumber:13}})):_react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:276,columnNumber:11}},_react.default.createElement(_tsComponents.InlineNewsletterPuff,{analyticsStream:analyticsStream,key:key,code:code,copy:(0,_tsComponents.safeDecodeURIComponent)(copy),headline:(0,_tsComponents.safeDecodeURIComponent)(headline),imageUri:(0,_tsComponents.safeDecodeURIComponent)(imageUri),label:(0,_tsComponents.safeDecodeURIComponent)(label),__source:{fileName:_jsxFileName,lineNumber:277,columnNumber:13}}));case"opta-football-fixtures-v3":return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:291,columnNumber:11}},_react.default.createElement(_tsComponents.OptaFootballFixtures,{season:attributes.season,competition:attributes.competition,date_from:attributes["date-from"],date_to:attributes["date-to"],__source:{fileName:_jsxFileName,lineNumber:292,columnNumber:13}}));case"opta-football-standings-v3":return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:303,columnNumber:11}},_react.default.createElement(_tsComponents.OptaFootballStandings,{season:attributes.season,competition:attributes.competition,default_nav:attributes.group,navigation:true,__source:{fileName:_jsxFileName,lineNumber:304,columnNumber:13}}));case"opta-football-match-summary-v3":return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:315,columnNumber:11}},_react.default.createElement(_tsComponents.OptaFootballSummary,{season:attributes.season,competition:attributes.competition,match:attributes.match,__source:{fileName:_jsxFileName,lineNumber:316,columnNumber:13}}));case"opta-football-match-stats-v3":return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:326,columnNumber:11}},_react.default.createElement(_tsComponents.OptaFootballMatchStats,{season:attributes.season,competition:attributes.competition,match:attributes.match,__source:{fileName:_jsxFileName,lineNumber:327,columnNumber:13}}));case"opta-rugby-union-fixtures-v2":case"opta-rugby-fixtures-v3":return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:338,columnNumber:11}},_react.default.createElement(_tsComponents.OptaRugbyFixtures,{season:attributes.season,competition:attributes.competition,date_from:attributes["date-from"],date_to:attributes["date-to"],__source:{fileName:_jsxFileName,lineNumber:339,columnNumber:13}}));case"opta-rugby-union-standings-v2":case"opta-rugby-standings-v3":return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:351,columnNumber:11}},_react.default.createElement(_tsComponents.OptaRugbyStandings,{season:attributes.season,competition:attributes.competition,default_nav:attributes.group,navigation:true,__source:{fileName:_jsxFileName,lineNumber:352,columnNumber:13}}));case"opta-rugby-union-match-summary-v2":case"opta-rugby-match-summary-v3":return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:364,columnNumber:11}},_react.default.createElement(_tsComponents.OptaRugbySummary,{season:attributes.season,competition:attributes.competition,match:attributes.match,__source:{fileName:_jsxFileName,lineNumber:365,columnNumber:13}}));case"opta-rugby-union-match-stats-v2":case"opta-rugby-match-stats-v3":return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:376,columnNumber:11}},_react.default.createElement(_tsComponents.OptaRugbyMatchStats,{season:attributes.season,competition:attributes.competition,match:attributes.match,__source:{fileName:_jsxFileName,lineNumber:377,columnNumber:13}}));case"opta-football-match-lineups-v3":case"opta-football-top-scorers-v3":case"opta-football-match-commentary-v3":case"opta-football-hub":return null;case"in-article-puff":return _react.default.createElement(_context.default.Consumer,{key:key,__source:{fileName:_jsxFileName,lineNumber:393,columnNumber:11}},function(_ref11){var theme=_ref11.theme;return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:395,columnNumber:15}},_react.default.createElement(_tsComponents.FetchProvider,{url:deckApiUrl+attributes["deck-id"],__source:{fileName:_jsxFileName,lineNumber:396,columnNumber:17}},_react.default.createElement(_tsComponents.InArticlePuff,{sectionColour:theme.sectionColour,forceImageAspectRatio:"3:2",isLiveOrBreaking:isLiveOrBreaking,__source:{fileName:_jsxFileName,lineNumber:397,columnNumber:19}})));});case"article-header":return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:410,columnNumber:11}},_react.default.createElement(_tsComponents.ArticleHeader,{updated:attributes.updated,breaking:attributes.breaking,headline:attributes.headline,__source:{fileName:_jsxFileName,lineNumber:411,columnNumber:13}}));case"olympics-medal-table":return _react.default.createElement(_context.default.Consumer,{key:key,__source:{fileName:_jsxFileName,lineNumber:423,columnNumber:11}},function(_ref12){var theme=_ref12.theme;return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:425,columnNumber:15}},_react.default.createElement(_tsComponents.OlympicsMedalTable,{keys:olympicsKeys,sectionColor:theme.sectionColour,__source:{fileName:_jsxFileName,lineNumber:426,columnNumber:17}}));});case"olympics-schedule":return _react.default.createElement(_context.default.Consumer,{key:key,__source:{fileName:_jsxFileName,lineNumber:437,columnNumber:11}},function(_ref13){var theme=_ref13.theme;return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:439,columnNumber:15}},_react.default.createElement(_tsComponents.OlympicsSchedule,{keys:olympicsKeys,sectionColor:theme.sectionColour,__source:{fileName:_jsxFileName,lineNumber:440,columnNumber:17}}));});default:return _react.default.createElement(_responsive.InteractiveContainer,{key:key,fullWidth:display==="fullwidth",__source:{fileName:_jsxFileName,lineNumber:451,columnNumber:11}},_react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:452,columnNumber:13}},_react.default.createElement(_interactiveWrapper.default,{attributes:attributes,element:value,key:key,source:url,__source:{fileName:_jsxFileName,lineNumber:453,columnNumber:15}})));}},autoNewsletterPuff:function autoNewsletterPuff(key,_ref14){var element=_ref14.element;var _element$attributes=element.attributes,code=_element$attributes.code,copy=_element$attributes.copy,headline=_element$attributes.headline,imageUri=_element$attributes.imageUri,label=_element$attributes.label;return _react.default.createElement(_tsComponents.AutoNewsletterPuff,{analyticsStream:analyticsStream,key:key,code:code,copy:copy,headline:headline,imageUri:imageUri,label:label,__source:{fileName:_jsxFileName,lineNumber:470,columnNumber:7}});},autoInlineRelatedArticles:function autoInlineRelatedArticles(key,_ref15){var element=_ref15.element;return _react.default.createElement(_context.default.Consumer,{key:key,__source:{fileName:_jsxFileName,lineNumber:483,columnNumber:7}},function(_ref16){var theme=_ref16.theme;return _react.default.createElement(_tsComponents.HiddenDiv,{className:"inlineRelatedArticles",__source:{fileName:_jsxFileName,lineNumber:485,columnNumber:11}},_react.default.createElement(_tsComponents.InArticleRelatedArticles,{heading:"Related Articles",relatedArticles:element.attributes.relatedArticles,sectionColour:theme.sectionColour,__source:{fileName:_jsxFileName,lineNumber:486,columnNumber:13}}));});},keyFacts:function keyFacts(key,attributes,renderedChildren,indx,node){return _react.default.createElement(_keyFacts.default,{key:key,ast:node,section:section,headline:articleHeadline,isLiveOrBreaking:isLiveOrBreaking,__source:{fileName:_jsxFileName,lineNumber:498,columnNumber:7}});},heading2:function heading2(key,attributes,children){return _react.default.createElement(_responsive.Heading2,{__source:{fileName:_jsxFileName,lineNumber:508,columnNumber:12}},children);},heading3:function heading3(key,attributes,children){return _react.default.createElement(_responsive.Heading3,{__source:{fileName:_jsxFileName,lineNumber:511,columnNumber:12}},children);},heading4:function heading4(key,attributes,children){return _react.default.createElement(_responsive.Heading4,{__source:{fileName:_jsxFileName,lineNumber:514,columnNumber:12}},children);},heading5:function heading5(key,attributes,children){return _react.default.createElement(_responsive.Heading5,{__source:{fileName:_jsxFileName,lineNumber:517,columnNumber:12}},children);},heading6:function heading6(key,attributes,children){return _react.default.createElement(_responsive.Heading6,{__source:{fileName:_jsxFileName,lineNumber:520,columnNumber:12}},children);},link:function link(key,attributes,children){var href=attributes.href,target=attributes.target,dropCap=attributes.dropCap;return _react.default.createElement(_articleLink.default,{dropCap:dropCap,key:key,target:target,url:href,__source:{fileName:_jsxFileName,lineNumber:526,columnNumber:7}},children);},paragraph:function paragraph(key,attributes,children){var id=attributes&&attributes.id;return _react.default.createElement(_articleParagraph.default,(0,_extends2.default)({key:key},id?{id:id}:{},{__source:{fileName:_jsxFileName,lineNumber:534,columnNumber:7}}),children);},paywall:function paywall(key,attributes,children){return _react.default.createElement("span",{className:paidContentClassName,key:key,__source:{fileName:_jsxFileName,lineNumber:541,columnNumber:7}},children);},pullQuote:function pullQuote(key,_ref17,children){var _ref17$caption=_ref17.caption,name=_ref17$caption.name,text=_ref17$caption.text,twitter=_ref17$caption.twitter;return _react.default.createElement(_context.default.Consumer,{key:key,__source:{fileName:_jsxFileName,lineNumber:554,columnNumber:7}},function(_ref18){var _ref18$theme=_ref18.theme,pullQuoteFont=_ref18$theme.pullQuoteFont,_ref18$theme$sectionC=_ref18$theme.sectionColour,sectionColour=_ref18$theme$sectionC===void 0?_tsStyleguide.colours.section.default:_ref18$theme$sectionC;return _react.default.createElement(_responsive.PullQuoteContainer,{__source:{fileName:_jsxFileName,lineNumber:558,columnNumber:11}},_react.default.createElement(_responsive.PullQuoteResp,{__source:{fileName:_jsxFileName,lineNumber:559,columnNumber:13}},_react.default.createElement(_pullQuote.default,{caption:name,font:pullQuoteFont,quoteColour:sectionColour,text:text,twitter:twitter,__source:{fileName:_jsxFileName,lineNumber:560,columnNumber:15}},children)));});},video:function video(key,_ref19){var id=_ref19.id,is360=_ref19.is360,brightcovePolicyKey=_ref19.brightcovePolicyKey,brightcoveVideoId=_ref19.brightcoveVideoId,brightcoveAccountId=_ref19.brightcoveAccountId,brightcovePlayerId=_ref19.brightcovePlayerId,caption=_ref19.caption,posterImageUrl=_ref19.posterImageUrl;var MediaWrapper=responsiveDisplayWrapper("primary");return _react.default.createElement(MediaWrapper,{key:key,__source:{fileName:_jsxFileName,lineNumber:590,columnNumber:7}},_react.default.createElement("figure",{style:{margin:0},__source:{fileName:_jsxFileName,lineNumber:591,columnNumber:9}},_react.default.createElement(_utils.AspectRatioContainer,{aspectRatio:"16:9",__source:{fileName:_jsxFileName,lineNumber:592,columnNumber:11}},_react.default.createElement(_video.default,{id:id,is360:is360,accountId:brightcoveAccountId,height:"100%",playerId:brightcovePlayerId,policyKey:brightcovePolicyKey,poster:{uri:posterImageUrl},videoId:brightcoveVideoId,width:"100%",__source:{fileName:_jsxFileName,lineNumber:593,columnNumber:13}})),_react.default.createElement("figcaption",{__source:{fileName:_jsxFileName,lineNumber:605,columnNumber:11}},_react.default.createElement(_insetCaption.default,{caption:caption,__source:{fileName:_jsxFileName,lineNumber:606,columnNumber:13}}))));}});};var decorateAd=function decorateAd(_ref20){var contextUrl=_ref20.contextUrl,section=_ref20.section;return function(element){return element.name==="ad"?_objectSpread(_objectSpread({},element),{},{attributes:_objectSpread(_objectSpread({},element.attributes),{},{contextUrl:contextUrl,section:section})}):element;};};var ArticleBody=function ArticleBody(_ref21){var bodyContent=_ref21.content,contextUrl=_ref21.contextUrl,section=_ref21.section,paidContentClassName=_ref21.paidContentClassName,template=_ref21.template,isPreview=_ref21.isPreview,swgProductId=_ref21.swgProductId,inArticlePuffFlag=_ref21.inArticlePuffFlag,olympicsKeys=_ref21.olympicsKeys,isLiveOrBreaking=_ref21.isLiveOrBreaking,articleHeadline=_ref21.articleHeadline;return(0,_markupForest.default)(bodyContent.map(decorateAd({contextUrl:contextUrl,section:section})),renderers({paidContentClassName:paidContentClassName,template:template,isPreview:isPreview,swgProductId:swgProductId,inArticlePuffFlag:inArticlePuffFlag,olympicsKeys:olympicsKeys,isLiveOrBreaking:isLiveOrBreaking,section:section,articleHeadline:articleHeadline}));};ArticleBody.propTypes={content:_propTypes.default.arrayOf(_propTypes.default.shape({attributes:_propTypes.default.object,children:_propTypes.default.arrayOf(_propTypes.default.object),name:_propTypes.default.string})).isRequired,contextUrl:_propTypes.default.string.isRequired,paidContentClassName:_propTypes.default.string,section:_propTypes.default.string};var _default=ArticleBody;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "ArticleLink", {
+  enumerable: true,
+  get: function get() {
+    return _articleLink.default;
+  }
+});
+exports.default = exports.responsiveDisplayWrapper = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _ad = require("@times-components/ad");
+
+var _lazyLoad = _interopRequireDefault(require("@times-components/lazy-load"));
+
+var _articleImage = _interopRequireDefault(require("@times-components/article-image"));
+
+var _articleParagraph = _interopRequireWildcard(require("@times-components/article-paragraph"));
+
+var _context = _interopRequireDefault(require("@times-components/context"));
+
+var _interactiveWrapper = _interopRequireDefault(require("@times-components/interactive-wrapper"));
+
+var _keyFacts = _interopRequireDefault(require("@times-components/key-facts"));
+
+var _markup = _interopRequireDefault(require("@times-components/markup"));
+
+var _pullQuote = _interopRequireDefault(require("@times-components/pull-quote"));
+
+var _video = _interopRequireDefault(require("@times-components/video"));
+
+var _markupForest = _interopRequireDefault(require("@times-components/markup-forest"));
+
+var _utils = require("@times-components/utils");
+
+var _tsComponents = require("@times-components/ts-components");
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _articleLink = _interopRequireDefault(require("./article-link"));
+
+var _insetCaption = _interopRequireDefault(require("./inset-caption"));
+
+var _responsive = require("../styles/article-body/responsive");
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+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; }
+
+const deckApiUrl = "https://gobble.timesdev.tools/deck/api/deck-post-action/";
+
+const responsiveDisplayWrapper = displayType => {
+  switch (displayType) {
+    case "secondary":
+      return _responsive.SecondaryImg;
+
+    case "inline":
+      return _responsive.InlineImg;
+
+    case "fullwidth":
+      return _responsive.FullWidthImg;
+
+    default:
+      return _responsive.PrimaryImg;
+  }
+};
+
+exports.responsiveDisplayWrapper = responsiveDisplayWrapper;
+
+const highResSizeCalc = (observed, key, template) => {
+  const screenWidth = observed.get(key) && observed.get(key).clientWidth ? observed.get(key).clientWidth : null;
+  const indepthRetinaScreenWidth = screenWidth && window.devicePixelRatio > 1 && template === "indepth" && screenWidth * 1.5;
+  return indepthRetinaScreenWidth || screenWidth;
+};
+
+const renderers = _ref => {
+  let paidContentClassName = _ref.paidContentClassName,
+      template = _ref.template,
+      analyticsStream = _ref.analyticsStream,
+      isPreview = _ref.isPreview,
+      olympicsKeys = _ref.olympicsKeys,
+      isLiveOrBreaking = _ref.isLiveOrBreaking,
+      section = _ref.section,
+      articleHeadline = _ref.articleHeadline;
+  return _objectSpread(_objectSpread({}, _markup.default), {}, {
+    ad(key) {
+      return isLiveOrBreaking ? null : /*#__PURE__*/_react.default.createElement(_responsive.InlineAdWrapper, null, /*#__PURE__*/_react.default.createElement(_responsive.InlineAdTitle, null, "Advertisement"), /*#__PURE__*/_react.default.createElement(_ad.AdContainer, {
+        key: key,
+        slotName: "inline-ad"
+      }));
+    },
+
+    inlineAd1(key) {
+      return isLiveOrBreaking ? null : /*#__PURE__*/_react.default.createElement(_responsive.InlineAdWrapper, null, /*#__PURE__*/_react.default.createElement(_responsive.InlineAdTitle, null, "Advertisement"), /*#__PURE__*/_react.default.createElement(_ad.AdContainer, {
+        key: key,
+        slotName: "inlineAd1"
+      }));
+    },
+
+    inlineAd2(key) {
+      return isLiveOrBreaking ? null : /*#__PURE__*/_react.default.createElement(_responsive.InlineAdWrapper, null, /*#__PURE__*/_react.default.createElement(_responsive.InlineAdTitle, null, "Advertisement"), /*#__PURE__*/_react.default.createElement(_ad.AdContainer, {
+        key: key,
+        slotName: "inlineAd2"
+      }));
+    },
+
+    inlineAd3(key) {
+      return isLiveOrBreaking ? null : /*#__PURE__*/_react.default.createElement(_responsive.InlineAdWrapper, null, /*#__PURE__*/_react.default.createElement(_responsive.InlineAdTitle, null, "Advertisement"), /*#__PURE__*/_react.default.createElement(_ad.AdContainer, {
+        key: key,
+        slotName: "inlineAd3"
+      }));
+    },
+
+    dropCap(key, attrs, children) {
+      return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, {
+        key: key
+      }, _ref2 => {
+        let _ref2$theme = _ref2.theme,
+            dropCapFont = _ref2$theme.dropCapFont,
+            _ref2$theme$sectionCo = _ref2$theme.sectionColour,
+            sectionColour = _ref2$theme$sectionCo === void 0 ? _tsStyleguide.colours.section.default : _ref2$theme$sectionCo;
+        return /*#__PURE__*/_react.default.createElement(_articleParagraph.DropCapView, {
+          colour: sectionColour,
+          font: dropCapFont
+        }, children);
+      });
+    },
+
+    nativeAd(key) {
+      return isLiveOrBreaking ? null : /*#__PURE__*/_react.default.createElement(_responsive.NativeAd, {
+        className: "group-3 hidden",
+        key: key
+      }, /*#__PURE__*/_react.default.createElement(_responsive.NativeAdTitle, null, "Sponsored"), /*#__PURE__*/_react.default.createElement(_responsive.Ad, {
+        id: "advert-inarticle-native-1",
+        "data-parent": "group-3"
+      }), /*#__PURE__*/_react.default.createElement(_responsive.Ad, {
+        id: "advert-inarticle-native-2",
+        "data-parent": "group-3"
+      }));
+    },
+
+    image(key, _ref3) {
+      let id = _ref3.id,
+          display = _ref3.display,
+          ratio = _ref3.ratio,
+          url = _ref3.url,
+          caption = _ref3.caption,
+          credits = _ref3.credits;
+      const MediaWrapper = responsiveDisplayWrapper(display);
+      return /*#__PURE__*/_react.default.createElement(_lazyLoad.default, {
+        key: key,
+        rootMargin: (0, _tsStyleguide.spacing)(40),
+        threshold: 0
+      }, _ref4 => {
+        let observed = _ref4.observed,
+            registerNode = _ref4.registerNode;
+        return /*#__PURE__*/_react.default.createElement("div", {
+          id: key,
+          ref: node => registerNode(node)
+        }, /*#__PURE__*/_react.default.createElement("div", {
+          id: id
+        }, /*#__PURE__*/_react.default.createElement(MediaWrapper, null, /*#__PURE__*/_react.default.createElement(_articleImage.default, {
+          captionOptions: {
+            caption,
+            credits
+          },
+          imageOptions: {
+            display,
+            highResSize: highResSizeCalc(observed, key, template),
+            lowResQuality: 3,
+            lowResSize: 400,
+            ratio,
+            uri: url
+          }
+        }))));
+      });
+    },
+
+    interactive(key, _ref5) {
+      let id = _ref5.id,
+          url = _ref5.url,
+          element = _ref5.element,
+          display = _ref5.display;
+      const attributes = element.attributes,
+            value = element.value;
+
+      switch (value) {
+        case "in-article-info-card":
+          return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, {
+            key: key
+          }, _ref6 => {
+            let theme = _ref6.theme;
+            return /*#__PURE__*/_react.default.createElement("div", {
+              id: id
+            }, /*#__PURE__*/_react.default.createElement(_tsComponents.FetchProvider, {
+              url: deckApiUrl + attributes["deck-id"]
+            }, /*#__PURE__*/_react.default.createElement(_tsComponents.InfoCard, {
+              sectionColour: theme.sectionColour
+            })));
+          });
+
+        case "in-article-info-card-bulletpoints":
+          return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, {
+            key: key
+          }, _ref7 => {
+            let theme = _ref7.theme;
+            return /*#__PURE__*/_react.default.createElement("div", {
+              id: id
+            }, /*#__PURE__*/_react.default.createElement(_tsComponents.FetchProvider, {
+              url: deckApiUrl + attributes["deck-id"]
+            }, /*#__PURE__*/_react.default.createElement(_tsComponents.InfoCardBulletPoints, {
+              sectionColour: theme.sectionColour
+            })));
+          });
+
+        case "in-article-big-numbers":
+          return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, {
+            key: key
+          }, _ref8 => {
+            let theme = _ref8.theme;
+            return /*#__PURE__*/_react.default.createElement("div", {
+              id: id
+            }, /*#__PURE__*/_react.default.createElement(_tsComponents.FetchProvider, {
+              url: deckApiUrl + attributes["deck-id"]
+            }, /*#__PURE__*/_react.default.createElement(_tsComponents.BigNumbers, {
+              sectionColour: theme.sectionColour
+            })));
+          });
+
+        case "in-article-timelines":
+          return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, {
+            key: key
+          }, _ref9 => {
+            let theme = _ref9.theme;
+            return /*#__PURE__*/_react.default.createElement("div", {
+              id: id
+            }, /*#__PURE__*/_react.default.createElement(_tsComponents.FetchProvider, {
+              url: deckApiUrl + attributes["deck-id"]
+            }, /*#__PURE__*/_react.default.createElement(_tsComponents.Timelines, {
+              sectionColour: theme.sectionColour
+            })));
+          });
+
+        case "gallery-carousel":
+          return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, {
+            key: key
+          }, _ref10 => {
+            let theme = _ref10.theme;
+            return /*#__PURE__*/_react.default.createElement("div", {
+              id: id
+            }, /*#__PURE__*/_react.default.createElement(_tsComponents.FetchProvider, {
+              url: deckApiUrl + attributes["deck-id"]
+            }, /*#__PURE__*/_react.default.createElement(_tsComponents.GalleryCarousel, {
+              sectionColour: theme.sectionColour
+            })));
+          });
+
+        case "newsletter-puff":
+          // eslint-disable-next-line no-case-declarations
+          const code = attributes.code,
+                copy = attributes.copy,
+                headline = attributes.headline,
+                imageUri = attributes.imageUri,
+                label = attributes.label;
+          return isPreview ? /*#__PURE__*/_react.default.createElement("div", {
+            id: id
+          }, /*#__PURE__*/_react.default.createElement(_tsComponents.PreviewNewsletterPuff, {
+            copy: (0, _tsComponents.safeDecodeURIComponent)(copy),
+            headline: (0, _tsComponents.safeDecodeURIComponent)(headline),
+            imageUri: (0, _tsComponents.safeDecodeURIComponent)(imageUri),
+            label: (0, _tsComponents.safeDecodeURIComponent)(label)
+          })) : /*#__PURE__*/_react.default.createElement("div", {
+            id: id
+          }, /*#__PURE__*/_react.default.createElement(_tsComponents.InlineNewsletterPuff, {
+            analyticsStream: analyticsStream,
+            key: key,
+            code: code,
+            copy: (0, _tsComponents.safeDecodeURIComponent)(copy),
+            headline: (0, _tsComponents.safeDecodeURIComponent)(headline),
+            imageUri: (0, _tsComponents.safeDecodeURIComponent)(imageUri),
+            label: (0, _tsComponents.safeDecodeURIComponent)(label)
+          }));
+
+        case "opta-football-fixtures-v3":
+          return /*#__PURE__*/_react.default.createElement("div", {
+            id: id
+          }, /*#__PURE__*/_react.default.createElement(_tsComponents.OptaFootballFixtures, {
+            season: attributes.season,
+            competition: attributes.competition,
+            date_from: attributes["date-from"],
+            date_to: attributes["date-to"]
+          }));
+
+        case "opta-football-standings-v3":
+          return /*#__PURE__*/_react.default.createElement("div", {
+            id: id
+          }, /*#__PURE__*/_react.default.createElement(_tsComponents.OptaFootballStandings, {
+            season: attributes.season,
+            competition: attributes.competition,
+            default_nav: attributes.group,
+            navigation: true
+          }));
+
+        case "opta-football-match-summary-v3":
+          return /*#__PURE__*/_react.default.createElement("div", {
+            id: id
+          }, /*#__PURE__*/_react.default.createElement(_tsComponents.OptaFootballSummary, {
+            season: attributes.season,
+            competition: attributes.competition,
+            match: attributes.match
+          }));
+
+        case "opta-football-match-stats-v3":
+          return /*#__PURE__*/_react.default.createElement("div", {
+            id: id
+          }, /*#__PURE__*/_react.default.createElement(_tsComponents.OptaFootballMatchStats, {
+            season: attributes.season,
+            competition: attributes.competition,
+            match: attributes.match
+          }));
+
+        case "opta-rugby-union-fixtures-v2":
+        case "opta-rugby-fixtures-v3":
+          return /*#__PURE__*/_react.default.createElement("div", {
+            id: id
+          }, /*#__PURE__*/_react.default.createElement(_tsComponents.OptaRugbyFixtures, {
+            season: attributes.season,
+            competition: attributes.competition,
+            date_from: attributes["date-from"],
+            date_to: attributes["date-to"]
+          }));
+
+        case "opta-rugby-union-standings-v2":
+        case "opta-rugby-standings-v3":
+          return /*#__PURE__*/_react.default.createElement("div", {
+            id: id
+          }, /*#__PURE__*/_react.default.createElement(_tsComponents.OptaRugbyStandings, {
+            season: attributes.season,
+            competition: attributes.competition,
+            default_nav: attributes.group,
+            navigation: true
+          }));
+
+        case "opta-rugby-union-match-summary-v2":
+        case "opta-rugby-match-summary-v3":
+          return /*#__PURE__*/_react.default.createElement("div", {
+            id: id
+          }, /*#__PURE__*/_react.default.createElement(_tsComponents.OptaRugbySummary, {
+            season: attributes.season,
+            competition: attributes.competition,
+            match: attributes.match
+          }));
+
+        case "opta-rugby-union-match-stats-v2":
+        case "opta-rugby-match-stats-v3":
+          return /*#__PURE__*/_react.default.createElement("div", {
+            id: id
+          }, /*#__PURE__*/_react.default.createElement(_tsComponents.OptaRugbyMatchStats, {
+            season: attributes.season,
+            competition: attributes.competition,
+            match: attributes.match
+          }));
+
+        case "opta-football-match-lineups-v3":
+        case "opta-football-top-scorers-v3":
+        case "opta-football-match-commentary-v3":
+        case "opta-football-hub":
+          return null;
+
+        case "in-article-puff":
+          return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, {
+            key: key
+          }, _ref11 => {
+            let theme = _ref11.theme;
+            return /*#__PURE__*/_react.default.createElement("div", {
+              id: id
+            }, /*#__PURE__*/_react.default.createElement(_tsComponents.FetchProvider, {
+              url: deckApiUrl + attributes["deck-id"]
+            }, /*#__PURE__*/_react.default.createElement(_tsComponents.InArticlePuff, {
+              sectionColour: theme.sectionColour,
+              forceImageAspectRatio: "3:2",
+              isLiveOrBreaking: isLiveOrBreaking
+            })));
+          });
+
+        case "article-header":
+          return /*#__PURE__*/_react.default.createElement("div", {
+            id: id
+          }, /*#__PURE__*/_react.default.createElement(_tsComponents.ArticleHeader, {
+            updated: attributes.updated // date={attributes.date}
+            // time={attributes.time}
+            ,
+            breaking: attributes.breaking,
+            headline: attributes.headline
+          }));
+
+        case "olympics-medal-table":
+          return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, {
+            key: key
+          }, _ref12 => {
+            let theme = _ref12.theme;
+            return /*#__PURE__*/_react.default.createElement("div", {
+              id: id
+            }, /*#__PURE__*/_react.default.createElement(_tsComponents.OlympicsMedalTable, {
+              keys: olympicsKeys,
+              sectionColor: theme.sectionColour
+            }));
+          });
+
+        case "olympics-schedule":
+          return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, {
+            key: key
+          }, _ref13 => {
+            let theme = _ref13.theme;
+            return /*#__PURE__*/_react.default.createElement("div", {
+              id: id
+            }, /*#__PURE__*/_react.default.createElement(_tsComponents.OlympicsSchedule, {
+              keys: olympicsKeys,
+              sectionColor: theme.sectionColour
+            }));
+          });
+
+        default:
+          return /*#__PURE__*/_react.default.createElement(_responsive.InteractiveContainer, {
+            key: key,
+            fullWidth: display === "fullwidth"
+          }, /*#__PURE__*/_react.default.createElement("div", {
+            id: id
+          }, /*#__PURE__*/_react.default.createElement(_interactiveWrapper.default, {
+            attributes: attributes,
+            element: value,
+            key: key,
+            source: url
+          })));
+      }
+    },
+
+    autoNewsletterPuff(key, _ref14) {
+      let element = _ref14.element;
+      const _element$attributes = element.attributes,
+            code = _element$attributes.code,
+            copy = _element$attributes.copy,
+            headline = _element$attributes.headline,
+            imageUri = _element$attributes.imageUri,
+            label = _element$attributes.label;
+      return /*#__PURE__*/_react.default.createElement(_tsComponents.AutoNewsletterPuff, {
+        analyticsStream: analyticsStream,
+        key: key,
+        code: code,
+        copy: copy,
+        headline: headline,
+        imageUri: imageUri,
+        label: label
+      });
+    },
+
+    autoInlineRelatedArticles(key, _ref15) {
+      let element = _ref15.element;
+      return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, {
+        key: key
+      }, _ref16 => {
+        let theme = _ref16.theme;
+        return /*#__PURE__*/_react.default.createElement(_tsComponents.HiddenDiv, {
+          className: "inlineRelatedArticles"
+        }, /*#__PURE__*/_react.default.createElement(_tsComponents.InArticleRelatedArticles, {
+          heading: "Related Articles",
+          relatedArticles: element.attributes.relatedArticles,
+          sectionColour: theme.sectionColour
+        }));
+      });
+    },
+
+    keyFacts(key, attributes, renderedChildren, indx, node) {
+      return /*#__PURE__*/_react.default.createElement(_keyFacts.default, {
+        key: key,
+        ast: node,
+        section: section,
+        headline: articleHeadline,
+        isLiveOrBreaking: isLiveOrBreaking
+      });
+    },
+
+    heading2(key, attributes, children) {
+      return /*#__PURE__*/_react.default.createElement(_responsive.Heading2, null, children);
+    },
+
+    heading3(key, attributes, children) {
+      return /*#__PURE__*/_react.default.createElement(_responsive.Heading3, null, children);
+    },
+
+    heading4(key, attributes, children) {
+      return /*#__PURE__*/_react.default.createElement(_responsive.Heading4, null, children);
+    },
+
+    heading5(key, attributes, children) {
+      return /*#__PURE__*/_react.default.createElement(_responsive.Heading5, null, children);
+    },
+
+    heading6(key, attributes, children) {
+      return /*#__PURE__*/_react.default.createElement(_responsive.Heading6, null, children);
+    },
+
+    link(key, attributes, children) {
+      const href = attributes.href,
+            target = attributes.target,
+            dropCap = attributes.dropCap;
+      return /*#__PURE__*/_react.default.createElement(_articleLink.default, {
+        dropCap: dropCap,
+        key: key,
+        target: target,
+        url: href
+      }, children);
+    },
+
+    paragraph(key, attributes, children) {
+      const id = attributes && attributes.id;
+      return /*#__PURE__*/_react.default.createElement(_articleParagraph.default, _extends({
+        key: key
+      }, id ? {
+        id
+      } : {}), children);
+    },
+
+    paywall(key, attributes, children) {
+      return /*#__PURE__*/_react.default.createElement("span", {
+        className: paidContentClassName,
+        key: key
+      }, children);
+    },
+
+    pullQuote(key, _ref17, children) {
+      let _ref17$caption = _ref17.caption,
+          name = _ref17$caption.name,
+          text = _ref17$caption.text,
+          twitter = _ref17$caption.twitter;
+      return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, {
+        key: key
+      }, _ref18 => {
+        let _ref18$theme = _ref18.theme,
+            pullQuoteFont = _ref18$theme.pullQuoteFont,
+            _ref18$theme$sectionC = _ref18$theme.sectionColour,
+            sectionColour = _ref18$theme$sectionC === void 0 ? _tsStyleguide.colours.section.default : _ref18$theme$sectionC;
+        return /*#__PURE__*/_react.default.createElement(_responsive.PullQuoteContainer, null, /*#__PURE__*/_react.default.createElement(_responsive.PullQuoteResp, null, /*#__PURE__*/_react.default.createElement(_pullQuote.default, {
+          caption: name,
+          font: pullQuoteFont,
+          quoteColour: sectionColour,
+          text: text,
+          twitter: twitter
+        }, children)));
+      });
+    },
+
+    video(key, _ref19) {
+      let id = _ref19.id,
+          is360 = _ref19.is360,
+          brightcovePolicyKey = _ref19.brightcovePolicyKey,
+          brightcoveVideoId = _ref19.brightcoveVideoId,
+          brightcoveAccountId = _ref19.brightcoveAccountId,
+          brightcovePlayerId = _ref19.brightcovePlayerId,
+          caption = _ref19.caption,
+          posterImageUrl = _ref19.posterImageUrl;
+      const MediaWrapper = responsiveDisplayWrapper("primary");
+      return /*#__PURE__*/_react.default.createElement(MediaWrapper, {
+        key: key
+      }, /*#__PURE__*/_react.default.createElement("figure", {
+        style: {
+          margin: 0
+        }
+      }, /*#__PURE__*/_react.default.createElement(_utils.AspectRatioContainer, {
+        aspectRatio: "16:9"
+      }, /*#__PURE__*/_react.default.createElement(_video.default, {
+        id: id,
+        is360: is360,
+        accountId: brightcoveAccountId,
+        height: "100%",
+        playerId: brightcovePlayerId,
+        policyKey: brightcovePolicyKey,
+        poster: {
+          uri: posterImageUrl
+        },
+        videoId: brightcoveVideoId,
+        width: "100%"
+      })), /*#__PURE__*/_react.default.createElement("figcaption", null, /*#__PURE__*/_react.default.createElement(_insetCaption.default, {
+        caption: caption
+      }))));
+    }
+
+  });
+};
+
+const decorateAd = _ref20 => {
+  let contextUrl = _ref20.contextUrl,
+      section = _ref20.section;
+  return element => element.name === "ad" ? _objectSpread(_objectSpread({}, element), {}, {
+    attributes: _objectSpread(_objectSpread({}, element.attributes), {}, {
+      contextUrl,
+      section
+    })
+  }) : element;
+};
+
+const ArticleBody = _ref21 => {
+  let bodyContent = _ref21.content,
+      contextUrl = _ref21.contextUrl,
+      section = _ref21.section,
+      paidContentClassName = _ref21.paidContentClassName,
+      template = _ref21.template,
+      isPreview = _ref21.isPreview,
+      swgProductId = _ref21.swgProductId,
+      inArticlePuffFlag = _ref21.inArticlePuffFlag,
+      olympicsKeys = _ref21.olympicsKeys,
+      isLiveOrBreaking = _ref21.isLiveOrBreaking,
+      articleHeadline = _ref21.articleHeadline;
+  return (0, _markupForest.default)(bodyContent.map(decorateAd({
+    contextUrl,
+    section
+  })), renderers({
+    paidContentClassName,
+    template,
+    isPreview,
+    swgProductId,
+    inArticlePuffFlag,
+    olympicsKeys,
+    isLiveOrBreaking,
+    section,
+    articleHeadline
+  }));
+};
+
+ArticleBody.propTypes = {
+  content: _propTypes.default.arrayOf(_propTypes.default.shape({
+    attributes: _propTypes.default.object,
+    children: _propTypes.default.arrayOf(_propTypes.default.object),
+    name: _propTypes.default.string
+  })).isRequired,
+  contextUrl: _propTypes.default.string.isRequired,
+  paidContentClassName: _propTypes.default.string,
+  section: _propTypes.default.string
+};
+var _default = ArticleBody;
+exports.default = _default;