@times-components/article-skeleton 1.85.42 → 1.86.2

package/dist/head.js

@@ -1 +1,472 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _toConsumableArray2=_interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));var _react=_interopRequireDefault(require("react"));var _lodash=_interopRequireDefault(require("lodash.get"));var _reactHelmetAsync=require("react-helmet-async");var _propTypes=_interopRequireDefault(require("prop-types"));var _context=_interopRequireDefault(require("@times-components/context"));var _markupForest=require("@times-components/markup-forest");var _utils=require("@times-components/utils");var _jsxFileName="/home/circleci/project/packages/article-skeleton/src/head.js";function getSectionName(article){var tiles=article.tiles;if(!tiles){return null;}var slices=tiles.reduce(function(acc,tile){acc.push.apply(acc,(0,_toConsumableArray2.default)(tile.slices));return acc;},[]);var sections=slices.reduce(function(acc,slice){acc.push.apply(acc,(0,_toConsumableArray2.default)(slice.sections));return acc;},[]);var titles=sections.map(function(section){return section.title;});if(titles.length===0){return null;}var nonNews=titles.filter(function(title){return title!=="News";});return nonNews.length?nonNews[0]:"News";}function getIsLiveBlogExpiryTime(){var articleFlags=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];var time="";if(articleFlags!==undefined){for(var i=0;i<articleFlags.length;i+=1){if(articleFlags[i].type==="LIVE"){time=articleFlags[i].expiryTime;}}}return time;}function getIsLiveBlog(){var articleFlags=arguments.length>0&&arguments[0]!==undefined?arguments[0]:[];if(articleFlags!==undefined){var articleLiveFlag=articleFlags.find(function(flag){return flag.type==="LIVE"&&(Date.now()<new Date(flag.expiryTime)||flag.expiryTime===null);});return articleLiveFlag!==undefined;}return false;}function getAuthorAsText(article){var bylines=article.bylines;if(!bylines){return null;}var children=bylines.reduce(function(acc,byline){if(Array.isArray(byline.byline)){acc.push.apply(acc,(0,_toConsumableArray2.default)(byline.byline));}else{acc.push(byline.byline);}return acc;},[]);return(0,_markupForest.renderTreeAsText)({children:children});}function getAuthors(_ref){var bylines=_ref.bylines;return bylines.map(function(byline){return byline.author;}).filter(function(author){return author;});}function getAuthorSchema(article){var bylines=article.bylines;return bylines?getAuthors(article).map(function(_ref2){var name=_ref2.name,jobTitle=_ref2.jobTitle,twitter=_ref2.twitter,slug=_ref2.slug;var url="https://thetimes.co.uk/profile/"+slug;return{"@type":"Person",name:name,jobTitle:jobTitle,sameAs:twitter?[url,"https://twitter.com/"+twitter]:url};}):[];}var PUBLICATION_NAMES={SUNDAYTIMES:"The Sunday Times",TIMES:"The Times"};var get169CropUrl=function get169CropUrl(asset){return(0,_lodash.default)(asset,"crop169.url",null);};var getVideoLeadAssetUrl=function getVideoLeadAssetUrl(article){return get169CropUrl((0,_lodash.default)(article,"leadAsset.posterImage",(0,_lodash.default)(article,"leadAsset",null)));};var getImageLeadAssetUrl=function getImageLeadAssetUrl(article){return get169CropUrl((0,_lodash.default)(article,"leadAsset",null));};var getArticleLeadAssetUrl=function getArticleLeadAssetUrl(article){return(article.hasVideo?getVideoLeadAssetUrl:getImageLeadAssetUrl)(article);};var getThumbnailUrlFromImage=function getThumbnailUrlFromImage(article){var tileUrl=article.tiles&&article.tiles.find(function(tile){return(0,_lodash.default)(tile.leadAsset,"crop169.url",null);});if(tileUrl){return tileUrl;}var listingAssetUrl=(0,_lodash.default)(article.listingAsset,"crop169.url",null);if(listingAssetUrl){return listingAssetUrl;}return(0,_lodash.default)(article.leadAsset,"crop169.url",null);};var getThumbnailUrl=function getThumbnailUrl(article){var hasVideo=article.hasVideo,leadAsset=article.leadAsset;var thumbnailUrl=hasVideo?getVideoLeadAssetUrl(article):getThumbnailUrlFromImage(article);if(thumbnailUrl)return thumbnailUrl;if(!leadAsset)return null;var _ref3=leadAsset&&leadAsset.posterImage?leadAsset.posterImage:leadAsset,crop32=_ref3.crop32,crop1251=_ref3.crop1251,crop11=_ref3.crop11,crop45=_ref3.crop45,crop23=_ref3.crop23,crop2251=_ref3.crop2251;var crop=crop32||crop1251||crop11||crop45||crop23||crop2251;return crop?crop.url:"";};var getLiveBlogUpdates=function getLiveBlogUpdates(article,publisher,author){var updates=[];if(article===null){return updates;}var content=article.content;var anchorString=function anchorString(){var updateTxt=arguments.length>0&&arguments[0]!==undefined?arguments[0]:"";var headlineTxt=arguments.length>1&&arguments[1]!==undefined?arguments[1]:"";var onlyNumbersReg=/\D+/g;var onlyNumbers=updateTxt.replace(onlyNumbersReg,"");var acronymReg=/\b(\w)/g;var acronymMatch=headlineTxt.match(acronymReg);var acronym=acronymMatch===null?"":acronymMatch.join("");return"u_"+onlyNumbers+acronym;};if(content!==undefined){var update;var loopContent=function loopContent(contentObj){for(var i=0;i<contentObj.length;i+=1){if(contentObj[i].name==="interactive"){if(contentObj[i].attributes.element.value==="article-header"){if(update!==undefined){updates.push(update);}var attributes=contentObj[i].attributes.element.attributes;update={"@type":"BlogPosting",headline:attributes.headline,datePublished:attributes.updated,dateModified:attributes.updated,publisher:publisher,url:article.url+"#"+anchorString(attributes.updated,attributes.headline),author:author};}}else if(contentObj[i].name==="paragraph"){if(update!==undefined){var text=(0,_lodash.default)(contentObj[i],"children[0].attributes.value");var updateText=text?(0,_lodash.default)(text)+" ":"";if(update.articleBody){update.articleBody+=updateText;}else{update.articleBody=updateText;}}}else if(contentObj[i].name==="image"){if(update!==undefined){update.image={"@type":"ImageObject",url:contentObj[i].attributes.url,caption:contentObj[i].attributes.caption};}}else if(contentObj[i].name==="video"){if(update!==undefined){update.video={"@type":"VideoObject",thumbnail:contentObj[i].attributes.posterImageUrl};}}else if(contentObj[i].name==="paywall"){if(contentObj[i].children){if(contentObj[i].children.length>0){loopContent(contentObj[i].children);}}}}};loopContent(content);if(update!==undefined){updates.push(update);}}return updates;};function Head(_ref4){var article=_ref4.article,logoUrl=_ref4.logoUrl,paidContentClassName=_ref4.paidContentClassName,getFallbackThumbnailUrl169=_ref4.getFallbackThumbnailUrl169,swgProductId=_ref4.swgProductId;var descriptionMarkup=article.descriptionMarkup,headline=article.headline,leadAsset=article.leadAsset,publicationName=article.publicationName,shortHeadline=article.shortHeadline,publishedTime=article.publishedTime,updatedTime=article.updatedTime,hasVideo=article.hasVideo,seoDescription=article.seoDescription,keywords=article.keywords,url=article.url;var _ref5=leadAsset||{},brightcoveAccountId=_ref5.brightcoveAccountId,brightcoveVideoId=_ref5.brightcoveVideoId;var liveBlogArticleExpiry=getIsLiveBlogExpiryTime(article.expirableFlags);var isLiveBlogArticle=getIsLiveBlog(article.expirableFlags);var publication=PUBLICATION_NAMES[publicationName];var authorName=getAuthorAsText(article);var desc=seoDescription||(Array.isArray(descriptionMarkup)&&descriptionMarkup.length?(0,_markupForest.renderTreeAsText)({children:descriptionMarkup}):null);var sectionname=getSectionName(article);var thumbnailUrl=getThumbnailUrl(article)||(getFallbackThumbnailUrl169?getFallbackThumbnailUrl169():null);var leadassetUrl=(0,_utils.appendToImageURL)(getArticleLeadAssetUrl(article),"resize",1200)||thumbnailUrl;var authors=getAuthorSchema(article);var caption=(0,_lodash.default)(leadAsset,"caption",null);var title=headline||shortHeadline||"";var datePublished=publishedTime&&new Date(publishedTime).toISOString();var dateModified=updatedTime||datePublished;var defaultAuthorSchema={"@type":"Organization",name:"The Times"};var textByLineAuthorSchema=authorName?{"@type":"Person",name:authorName}:null;var authorSchema=(authors&&authors.length?authors:textByLineAuthorSchema)||defaultAuthorSchema;var publisherSchema={"@type":"Organization",name:publication,logo:{"@type":"ImageObject",url:logoUrl}};var liveBlogUpdateSchema=getLiveBlogUpdates(article,publisherSchema,authorSchema);var jsonLD={"@context":"https://schema.org","@type":"NewsArticle",headline:title,publisher:{"@type":"Organization",name:publication,logo:{"@type":"ImageObject",url:logoUrl}},mainEntityOfPage:{"@type":"WebPage"},dateCreated:publishedTime,datePublished:datePublished,isAccessibleForFree:false,hasPart:{"@type":"WebPageElement",isAccessibleForFree:false,cssSelector:"."+paidContentClassName},image:{"@type":"ImageObject",url:leadassetUrl,caption:caption},thumbnailUrl:thumbnailUrl,dateModified:dateModified,author:authorSchema,articleSection:sectionname};if(swgProductId){jsonLD.isPartOf={"@type":["CreativeWork","Product"],name:"The Times & The Sunday Times",productID:swgProductId};}var videoJsonLD=hasVideo?{"@context":"https://schema.org","@type":"VideoObject",name:leadAsset.title||title,uploadDate:dateModified,thumbnailUrl:thumbnailUrl,description:Array.isArray(descriptionMarkup)&&descriptionMarkup.length?(0,_markupForest.renderTreeAsText)({children:descriptionMarkup}):seoDescription||leadAsset.title||title,contentUrl:"https://players.brightcove.net/"+brightcoveAccountId+"/default_default/index.html?videoId="+brightcoveVideoId}:null;var liveBlogJsonLD={"@context":"https://schema.org","@type":"LiveBlogPosting",headline:headline,description:seoDescription,mainEntityOfPage:{"@type":"WebPage","@id":url},datePublished:publishedTime,dateModified:updatedTime,coverageStartTime:publishedTime,coverageEndTime:liveBlogArticleExpiry,url:url,keywords:keywords,image:{"@type":"ImageObject",url:leadassetUrl,caption:caption},publisher:publisherSchema,author:authorSchema,liveBlogUpdate:liveBlogUpdateSchema,articleSection:sectionname};return _react.default.createElement(_context.default.Consumer,{__source:{fileName:_jsxFileName,lineNumber:378,columnNumber:5}},function(_ref6){var makeArticleUrl=_ref6.makeArticleUrl;jsonLD.mainEntityOfPage["@id"]=makeArticleUrl(article);return _react.default.createElement(_reactHelmetAsync.Helmet,{encodeSpecialCharacters:false,__source:{fileName:_jsxFileName,lineNumber:382,columnNumber:11}},_react.default.createElement("title",{__source:{fileName:_jsxFileName,lineNumber:383,columnNumber:13}},title," | ",sectionname?sectionname+" | ":"",publication),_react.default.createElement("meta",{name:"robots",content:"max-image-preview:large",__source:{fileName:_jsxFileName,lineNumber:387,columnNumber:13}}),_react.default.createElement("meta",{content:title,name:"article:title",__source:{fileName:_jsxFileName,lineNumber:388,columnNumber:13}}),_react.default.createElement("meta",{content:publication,name:"article:publication",__source:{fileName:_jsxFileName,lineNumber:389,columnNumber:13}}),desc&&_react.default.createElement("meta",{content:desc,name:"description",__source:{fileName:_jsxFileName,lineNumber:390,columnNumber:22}}),authorName&&_react.default.createElement("meta",{content:authorName,name:"author",__source:{fileName:_jsxFileName,lineNumber:391,columnNumber:28}}),_react.default.createElement("meta",{content:title,property:"og:title",__source:{fileName:_jsxFileName,lineNumber:393,columnNumber:13}}),_react.default.createElement("meta",{content:"article",property:"og:type",__source:{fileName:_jsxFileName,lineNumber:394,columnNumber:13}}),_react.default.createElement("meta",{content:makeArticleUrl(article),property:"og:url",__source:{fileName:_jsxFileName,lineNumber:395,columnNumber:13}}),desc&&_react.default.createElement("meta",{content:desc,property:"og:description",__source:{fileName:_jsxFileName,lineNumber:396,columnNumber:22}}),leadassetUrl&&_react.default.createElement("meta",{content:leadassetUrl,property:"og:image",__source:{fileName:_jsxFileName,lineNumber:398,columnNumber:15}}),hasVideo&&_react.default.createElement("meta",{name:"robots",content:"max-video-preview:-1",__source:{fileName:_jsxFileName,lineNumber:400,columnNumber:26}}),_react.default.createElement("meta",{content:title,name:"twitter:title",__source:{fileName:_jsxFileName,lineNumber:402,columnNumber:13}}),_react.default.createElement("meta",{content:"summary_large_image",name:"twitter:card",__source:{fileName:_jsxFileName,lineNumber:403,columnNumber:13}}),_react.default.createElement("meta",{content:makeArticleUrl(article),name:"twitter:url",__source:{fileName:_jsxFileName,lineNumber:404,columnNumber:13}}),desc&&_react.default.createElement("meta",{content:desc,name:"twitter:description",__source:{fileName:_jsxFileName,lineNumber:405,columnNumber:22}}),leadassetUrl&&_react.default.createElement("meta",{content:leadassetUrl,name:"twitter:image",__source:{fileName:_jsxFileName,lineNumber:407,columnNumber:15}}),isLiveBlogArticle?_react.default.createElement("script",{type:"application/ld+json",__source:{fileName:_jsxFileName,lineNumber:411,columnNumber:15}},JSON.stringify(liveBlogJsonLD)):_react.default.createElement("script",{type:"application/ld+json",__source:{fileName:_jsxFileName,lineNumber:415,columnNumber:15}},JSON.stringify(jsonLD)),videoJsonLD&&_react.default.createElement("script",{type:"application/ld+json",__source:{fileName:_jsxFileName,lineNumber:421,columnNumber:15}},JSON.stringify(videoJsonLD)));});}Head.propTypes={article:_propTypes.default.shape({bylines:_propTypes.default.array,descriptionMarkup:_propTypes.default.array,headline:_propTypes.default.string,id:_propTypes.default.string.isRequired,leadAsset:_propTypes.default.object,publicationName:_propTypes.default.string.isRequired,shortHeadline:_propTypes.default.string,shortIdentifier:_propTypes.default.string.isRequired,tiles:_propTypes.default.array}).isRequired,logoUrl:_propTypes.default.string.isRequired,paidContentClassName:_propTypes.default.string.isRequired,getFallbackThumbnailUrl169:_propTypes.default.func.isRequired,swgProductId:_propTypes.default.string};Head.defaultProps={swgProductId:null};var _default=Head;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
+var _reactHelmetAsync = require("react-helmet-async");
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _context = _interopRequireDefault(require("@times-components/context"));
+
+var _markupForest = require("@times-components/markup-forest");
+
+var _utils = require("@times-components/utils");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+// Get the section for an article, preferring it not to be News
+function getSectionName(article) {
+  const tiles = article.tiles;
+
+  if (!tiles) {
+    return null;
+  }
+
+  const slices = tiles.reduce((acc, tile) => {
+    acc.push(...tile.slices);
+    return acc;
+  }, []);
+  const sections = slices.reduce((acc, slice) => {
+    acc.push(...slice.sections);
+    return acc;
+  }, []);
+  const titles = sections.map(section => section.title);
+
+  if (titles.length === 0) {
+    return null;
+  }
+
+  const nonNews = titles.filter(title => title !== "News");
+  return nonNews.length ? nonNews[0] : "News";
+}
+
+function getIsLiveBlogExpiryTime() {
+  let articleFlags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+  let time = "";
+
+  if (articleFlags !== undefined) {
+    for (let i = 0; i < articleFlags.length; i += 1) {
+      if (articleFlags[i].type === "LIVE") {
+        time = articleFlags[i].expiryTime;
+      }
+    }
+  }
+
+  return time;
+}
+
+function getIsLiveBlog() {
+  let articleFlags = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
+
+  if (articleFlags !== undefined) {
+    const articleLiveFlag = articleFlags.find(flag => flag.type === "LIVE" && (Date.now() < new Date(flag.expiryTime) || flag.expiryTime === null));
+    return articleLiveFlag !== undefined;
+  }
+
+  return false;
+}
+
+function getAuthorAsText(article) {
+  const bylines = article.bylines;
+
+  if (!bylines) {
+    return null;
+  }
+
+  const children = bylines.reduce((acc, byline) => {
+    if (Array.isArray(byline.byline)) {
+      acc.push(...byline.byline);
+    } else {
+      acc.push(byline.byline);
+    }
+
+    return acc;
+  }, []);
+  return (0, _markupForest.renderTreeAsText)({
+    children
+  });
+}
+
+function getAuthors(_ref) {
+  let bylines = _ref.bylines;
+  return bylines.map(byline => byline.author).filter(author => author);
+}
+
+function getAuthorSchema(article) {
+  const bylines = article.bylines;
+  return bylines ? getAuthors(article).map(_ref2 => {
+    let name = _ref2.name,
+        jobTitle = _ref2.jobTitle,
+        twitter = _ref2.twitter,
+        slug = _ref2.slug;
+    const url = "https://thetimes.co.uk/profile/".concat(slug);
+    return {
+      "@type": "Person",
+      name,
+      jobTitle,
+      sameAs: twitter ? [url, "https://twitter.com/".concat(twitter)] : url
+    };
+  }) : [];
+}
+
+const PUBLICATION_NAMES = {
+  SUNDAYTIMES: "The Sunday Times",
+  TIMES: "The Times"
+};
+
+const get169CropUrl = asset => (0, _lodash.default)(asset, "crop169.url", null);
+
+const getVideoLeadAssetUrl = article => get169CropUrl((0, _lodash.default)(article, "leadAsset.posterImage", (0, _lodash.default)(article, "leadAsset", null)));
+
+const getImageLeadAssetUrl = article => get169CropUrl((0, _lodash.default)(article, "leadAsset", null));
+
+const getArticleLeadAssetUrl = article => (article.hasVideo ? getVideoLeadAssetUrl : getImageLeadAssetUrl)(article);
+
+const getThumbnailUrlFromImage = article => {
+  const tileUrl = article.tiles && article.tiles.find(tile => (0, _lodash.default)(tile.leadAsset, "crop169.url", null));
+
+  if (tileUrl) {
+    return tileUrl;
+  }
+
+  const listingAssetUrl = (0, _lodash.default)(article.listingAsset, "crop169.url", null);
+
+  if (listingAssetUrl) {
+    return listingAssetUrl;
+  }
+
+  return (0, _lodash.default)(article.leadAsset, "crop169.url", null);
+};
+
+const getThumbnailUrl = article => {
+  const hasVideo = article.hasVideo,
+        leadAsset = article.leadAsset;
+  const thumbnailUrl = hasVideo ? getVideoLeadAssetUrl(article) : getThumbnailUrlFromImage(article);
+  if (thumbnailUrl) return thumbnailUrl;
+  if (!leadAsset) return null;
+
+  const _ref3 = leadAsset && leadAsset.posterImage ? leadAsset.posterImage : leadAsset,
+        crop32 = _ref3.crop32,
+        crop1251 = _ref3.crop1251,
+        crop11 = _ref3.crop11,
+        crop45 = _ref3.crop45,
+        crop23 = _ref3.crop23,
+        crop2251 = _ref3.crop2251;
+
+  const crop = crop32 || crop1251 || crop11 || crop45 || crop23 || crop2251;
+  return crop ? crop.url : "";
+};
+
+const getLiveBlogUpdates = (article, publisher, author) => {
+  const updates = [];
+
+  if (article === null) {
+    return updates;
+  }
+
+  const content = article.content;
+
+  const anchorString = function anchorString() {
+    let updateTxt = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : "";
+    let headlineTxt = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : "";
+    const onlyNumbersReg = /\D+/g;
+    const onlyNumbers = updateTxt.replace(onlyNumbersReg, "");
+    const acronymReg = /\b(\w)/g;
+    const acronymMatch = headlineTxt.match(acronymReg);
+    const acronym = acronymMatch === null ? "" : acronymMatch.join("");
+    return "u_".concat(onlyNumbers).concat(acronym);
+  };
+
+  if (content !== undefined) {
+    let update;
+
+    const loopContent = contentObj => {
+      for (let i = 0; i < contentObj.length; i += 1) {
+        if (contentObj[i].name === "interactive") {
+          if (contentObj[i].attributes.element.value === "article-header") {
+            if (update !== undefined) {
+              updates.push(update);
+            }
+
+            const attributes = contentObj[i].attributes.element.attributes;
+            update = {
+              "@type": "BlogPosting",
+              headline: attributes.headline,
+              datePublished: attributes.updated,
+              dateModified: attributes.updated,
+              publisher,
+              url: "".concat(article.url, "#").concat(anchorString(attributes.updated, attributes.headline)),
+              author
+            };
+          }
+        } else if (contentObj[i].name === "paragraph") {
+          if (update !== undefined) {
+            const text = (0, _lodash.default)(contentObj[i], "children[0].attributes.value");
+            const updateText = text ? "".concat((0, _lodash.default)(text), " ") : "";
+
+            if (update.articleBody) {
+              update.articleBody += updateText;
+            } else {
+              update.articleBody = updateText;
+            }
+          }
+        } else if (contentObj[i].name === "image") {
+          if (update !== undefined) {
+            update.image = {
+              "@type": "ImageObject",
+              url: contentObj[i].attributes.url,
+              caption: contentObj[i].attributes.caption
+            };
+          }
+        } else if (contentObj[i].name === "video") {
+          if (update !== undefined) {
+            update.video = {
+              "@type": "VideoObject",
+              thumbnail: contentObj[i].attributes.posterImageUrl
+            };
+          }
+        } else if (contentObj[i].name === "paywall") {
+          if (contentObj[i].children) {
+            if (contentObj[i].children.length > 0) {
+              loopContent(contentObj[i].children);
+            }
+          }
+        }
+      }
+    };
+
+    loopContent(content);
+
+    if (update !== undefined) {
+      updates.push(update);
+    }
+  }
+
+  return updates;
+};
+
+function Head(_ref4) {
+  let article = _ref4.article,
+      logoUrl = _ref4.logoUrl,
+      paidContentClassName = _ref4.paidContentClassName,
+      getFallbackThumbnailUrl169 = _ref4.getFallbackThumbnailUrl169,
+      swgProductId = _ref4.swgProductId;
+  const descriptionMarkup = article.descriptionMarkup,
+        headline = article.headline,
+        leadAsset = article.leadAsset,
+        publicationName = article.publicationName,
+        shortHeadline = article.shortHeadline,
+        publishedTime = article.publishedTime,
+        updatedTime = article.updatedTime,
+        hasVideo = article.hasVideo,
+        seoDescription = article.seoDescription,
+        keywords = article.keywords,
+        url = article.url;
+
+  const _ref5 = leadAsset || {},
+        brightcoveAccountId = _ref5.brightcoveAccountId,
+        brightcoveVideoId = _ref5.brightcoveVideoId;
+
+  const liveBlogArticleExpiry = getIsLiveBlogExpiryTime(article.expirableFlags);
+  const isLiveBlogArticle = getIsLiveBlog(article.expirableFlags);
+  const publication = PUBLICATION_NAMES[publicationName];
+  const authorName = getAuthorAsText(article);
+  const desc = seoDescription || (Array.isArray(descriptionMarkup) && descriptionMarkup.length ? (0, _markupForest.renderTreeAsText)({
+    children: descriptionMarkup
+  }) : null);
+  const sectionname = getSectionName(article);
+  const thumbnailUrl = getThumbnailUrl(article) || (getFallbackThumbnailUrl169 ? getFallbackThumbnailUrl169() : null);
+  const leadassetUrl = (0, _utils.appendToImageURL)(getArticleLeadAssetUrl(article), "resize", 1200) || thumbnailUrl;
+  const authors = getAuthorSchema(article);
+  const caption = (0, _lodash.default)(leadAsset, "caption", null);
+  const title = headline || shortHeadline || "";
+  const datePublished = publishedTime && new Date(publishedTime).toISOString();
+  const dateModified = updatedTime || datePublished;
+  const defaultAuthorSchema = {
+    "@type": "Organization",
+    name: "The Times"
+  };
+  const textByLineAuthorSchema = authorName ? {
+    "@type": "Person",
+    name: authorName
+  } : null;
+  const authorSchema = (authors && authors.length ? authors : textByLineAuthorSchema) || defaultAuthorSchema;
+  const publisherSchema = {
+    "@type": "Organization",
+    name: publication,
+    logo: {
+      "@type": "ImageObject",
+      url: logoUrl
+    }
+  };
+  const liveBlogUpdateSchema = getLiveBlogUpdates(article, publisherSchema, authorSchema);
+  const jsonLD = {
+    "@context": "https://schema.org",
+    "@type": "NewsArticle",
+    headline: title,
+    publisher: {
+      "@type": "Organization",
+      name: publication,
+      logo: {
+        "@type": "ImageObject",
+        url: logoUrl
+      }
+    },
+    mainEntityOfPage: {
+      "@type": "WebPage"
+    },
+    dateCreated: publishedTime,
+    datePublished,
+    isAccessibleForFree: false,
+    hasPart: {
+      "@type": "WebPageElement",
+      isAccessibleForFree: false,
+      cssSelector: ".".concat(paidContentClassName)
+    },
+    image: {
+      "@type": "ImageObject",
+      url: leadassetUrl,
+      caption
+    },
+    thumbnailUrl,
+    dateModified,
+    author: authorSchema,
+    articleSection: sectionname
+  };
+
+  if (swgProductId) {
+    jsonLD.isPartOf = {
+      "@type": ["CreativeWork", "Product"],
+      name: "The Times & The Sunday Times",
+      productID: swgProductId
+    };
+  }
+
+  const videoJsonLD = hasVideo ? {
+    "@context": "https://schema.org",
+    "@type": "VideoObject",
+    name: leadAsset.title || title,
+    uploadDate: dateModified,
+    thumbnailUrl,
+    description: Array.isArray(descriptionMarkup) && descriptionMarkup.length ? (0, _markupForest.renderTreeAsText)({
+      children: descriptionMarkup
+    }) : seoDescription || leadAsset.title || title,
+    contentUrl: "https://players.brightcove.net/".concat(brightcoveAccountId, "/default_default/index.html?videoId=").concat(brightcoveVideoId)
+  } : null;
+  const liveBlogJsonLD = {
+    "@context": "https://schema.org",
+    "@type": "LiveBlogPosting",
+    headline,
+    description: seoDescription,
+    mainEntityOfPage: {
+      "@type": "WebPage",
+      "@id": url
+    },
+    datePublished: publishedTime,
+    dateModified: updatedTime,
+    coverageStartTime: publishedTime,
+    coverageEndTime: liveBlogArticleExpiry,
+    url,
+    keywords,
+    image: {
+      "@type": "ImageObject",
+      url: leadassetUrl,
+      caption
+    },
+    publisher: publisherSchema,
+    author: authorSchema,
+    liveBlogUpdate: liveBlogUpdateSchema,
+    articleSection: sectionname
+  };
+  return /*#__PURE__*/_react.default.createElement(_context.default.Consumer, null, _ref6 => {
+    let makeArticleUrl = _ref6.makeArticleUrl;
+    jsonLD.mainEntityOfPage["@id"] = makeArticleUrl(article);
+    return /*#__PURE__*/_react.default.createElement(_reactHelmetAsync.Helmet, {
+      encodeSpecialCharacters: false
+    }, /*#__PURE__*/_react.default.createElement("title", null, title, " | ", sectionname ? "".concat(sectionname, " | ") : "", publication), /*#__PURE__*/_react.default.createElement("meta", {
+      name: "robots",
+      content: "max-image-preview:large"
+    }), /*#__PURE__*/_react.default.createElement("meta", {
+      content: title,
+      name: "article:title"
+    }), /*#__PURE__*/_react.default.createElement("meta", {
+      content: publication,
+      name: "article:publication"
+    }), desc && /*#__PURE__*/_react.default.createElement("meta", {
+      content: desc,
+      name: "description"
+    }), authorName && /*#__PURE__*/_react.default.createElement("meta", {
+      content: authorName,
+      name: "author"
+    }), /*#__PURE__*/_react.default.createElement("meta", {
+      content: title,
+      property: "og:title"
+    }), /*#__PURE__*/_react.default.createElement("meta", {
+      content: "article",
+      property: "og:type"
+    }), /*#__PURE__*/_react.default.createElement("meta", {
+      content: makeArticleUrl(article),
+      property: "og:url"
+    }), desc && /*#__PURE__*/_react.default.createElement("meta", {
+      content: desc,
+      property: "og:description"
+    }), leadassetUrl && /*#__PURE__*/_react.default.createElement("meta", {
+      content: leadassetUrl,
+      property: "og:image"
+    }), hasVideo && /*#__PURE__*/_react.default.createElement("meta", {
+      name: "robots",
+      content: "max-video-preview:-1"
+    }), /*#__PURE__*/_react.default.createElement("meta", {
+      content: title,
+      name: "twitter:title"
+    }), /*#__PURE__*/_react.default.createElement("meta", {
+      content: "summary_large_image",
+      name: "twitter:card"
+    }), /*#__PURE__*/_react.default.createElement("meta", {
+      content: makeArticleUrl(article),
+      name: "twitter:url"
+    }), desc && /*#__PURE__*/_react.default.createElement("meta", {
+      content: desc,
+      name: "twitter:description"
+    }), leadassetUrl && /*#__PURE__*/_react.default.createElement("meta", {
+      content: leadassetUrl,
+      name: "twitter:image"
+    }), isLiveBlogArticle ? /*#__PURE__*/_react.default.createElement("script", {
+      type: "application/ld+json"
+    }, JSON.stringify(liveBlogJsonLD)) : /*#__PURE__*/_react.default.createElement("script", {
+      type: "application/ld+json"
+    }, JSON.stringify(jsonLD)), videoJsonLD && /*#__PURE__*/_react.default.createElement("script", {
+      type: "application/ld+json"
+    }, JSON.stringify(videoJsonLD)));
+  });
+}
+
+Head.propTypes = {
+  article: _propTypes.default.shape({
+    bylines: _propTypes.default.array,
+    descriptionMarkup: _propTypes.default.array,
+    headline: _propTypes.default.string,
+    id: _propTypes.default.string.isRequired,
+    leadAsset: _propTypes.default.object,
+    publicationName: _propTypes.default.string.isRequired,
+    shortHeadline: _propTypes.default.string,
+    shortIdentifier: _propTypes.default.string.isRequired,
+    tiles: _propTypes.default.array
+  }).isRequired,
+  logoUrl: _propTypes.default.string.isRequired,
+  paidContentClassName: _propTypes.default.string.isRequired,
+  getFallbackThumbnailUrl169: _propTypes.default.func.isRequired,
+  swgProductId: _propTypes.default.string
+};
+Head.defaultProps = {
+  swgProductId: null
+};
+var _default = Head;
+exports.default = _default;

package/dist/keylines.js

@@ -1 +1,24 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.ArticleKeylineItem=exports.KeylineItem=void 0;var _styledComponents=_interopRequireDefault(require("styled-components"));var _tsStyleguide=require("@times-components/ts-styleguide");var KeylineItem=_styledComponents.default.div.withConfig({displayName:"keylines__KeylineItem",componentId:"sc-1s03wwf-0"})(["border:solid ",";border-width:1px 0;& + &{margin-top:-1px !important;}"],_tsStyleguide.colours.functional.keyline);exports.KeylineItem=KeylineItem;var ArticleKeylineItem=(0,_styledComponents.default)(KeylineItem).withConfig({displayName:"keylines__ArticleKeylineItem",componentId:"sc-1s03wwf-1"})(["@media (min-width:","px){margin:0 auto;}&:last-child{margin-bottom:",";}@media (min-width:","px){width:80.8%;}@media (min-width:","px){width:56.2%;}margin-left:",";margin-right:",";"],_tsStyleguide.breakpoints.medium,(0,_tsStyleguide.spacing)(6),_tsStyleguide.breakpoints.medium,_tsStyleguide.breakpoints.wide,(0,_tsStyleguide.spacing)(2),(0,_tsStyleguide.spacing)(2));exports.ArticleKeylineItem=ArticleKeylineItem;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ArticleKeylineItem = exports.KeylineItem = void 0;
+
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const KeylineItem = _styledComponents.default.div.withConfig({
+  displayName: "keylines__KeylineItem",
+  componentId: "sc-1s03wwf-0"
+})(["border:solid ", ";border-width:1px 0;& + &{margin-top:-1px !important;}"], _tsStyleguide.colours.functional.keyline);
+
+exports.KeylineItem = KeylineItem;
+const ArticleKeylineItem = (0, _styledComponents.default)(KeylineItem).withConfig({
+  displayName: "keylines__ArticleKeylineItem",
+  componentId: "sc-1s03wwf-1"
+})(["@media (min-width:", "px){margin:0 auto;}&:last-child{margin-bottom:", ";}@media (min-width:", "px){width:80.8%;}@media (min-width:", "px){width:56.2%;}margin-left:", ";margin-right:", ";"], _tsStyleguide.breakpoints.medium, (0, _tsStyleguide.spacing)(6), _tsStyleguide.breakpoints.medium, _tsStyleguide.breakpoints.wide, (0, _tsStyleguide.spacing)(2), (0, _tsStyleguide.spacing)(2));
+exports.ArticleKeylineItem = ArticleKeylineItem;

package/dist/paywall-portal.js

@@ -1 +1,47 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _react=_interopRequireDefault(require("react"));var _propTypes=_interopRequireDefault(require("prop-types"));var _lodash=_interopRequireDefault(require("lodash.get"));var _jsxFileName="/home/circleci/project/packages/article-skeleton/src/paywall-portal.js";var PaywallPortal=function PaywallPortal(_ref){var id=_ref.id,componentName=_ref.componentName;if(typeof window!=="undefined"){var componentToRender=(0,_lodash.default)(window,"paywallComponent."+componentName);if(componentToRender){return _react.default.createElement("div",{id:id,dangerouslySetInnerHTML:{__html:componentToRender},__source:{fileName:_jsxFileName,lineNumber:12,columnNumber:9}});}}return _react.default.createElement("div",{id:id,__source:{fileName:_jsxFileName,lineNumber:17,columnNumber:10}});};PaywallPortal.propTypes={id:_propTypes.default.string.isRequired,componentName:_propTypes.default.string.isRequired};var _default=PaywallPortal;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _lodash = _interopRequireDefault(require("lodash.get"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+const PaywallPortal = _ref => {
+  let id = _ref.id,
+      componentName = _ref.componentName;
+
+  if (typeof window !== "undefined") {
+    const componentToRender = (0, _lodash.default)(window, "paywallComponent.".concat(componentName));
+
+    if (componentToRender) {
+      return (
+        /*#__PURE__*/
+        // eslint-disable-next-line
+        _react.default.createElement("div", {
+          id: id,
+          dangerouslySetInnerHTML: {
+            __html: componentToRender
+          }
+        })
+      );
+    }
+  }
+
+  return /*#__PURE__*/_react.default.createElement("div", {
+    id: id
+  });
+};
+
+PaywallPortal.propTypes = {
+  id: _propTypes.default.string.isRequired,
+  componentName: _propTypes.default.string.isRequired
+};
+var _default = PaywallPortal;
+exports.default = _default;

package/dist/sticky-save-and-share-bar.js

@@ -1 +1,60 @@
-var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.default=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _react=_interopRequireDefault(require("react"));var _styledComponents=_interopRequireWildcard(require("styled-components"));var _saveAndShareBar=_interopRequireDefault(require("@times-components/save-and-share-bar"));var _sticky=_interopRequireWildcard(require("@times-components/sticky"));var _tsStyleguide=require("@times-components/ts-styleguide");var _utils=require("@times-components/utils");var _keylines=require("./keylines");var _jsxFileName="/home/circleci/project/packages/article-skeleton/src/sticky-save-and-share-bar.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;}var SaveShareContainer=_styledComponents.default.div.withConfig({displayName:"sticky-save-and-share-bar__SaveShareContainer",componentId:"hqppv0-0"})(["background-color:",";height:60px;",";"],_tsStyleguide.colours.functional.white,function(props){return props.isClient&&[_sticky.selectors.sizer((0,_styledComponents.css)(["border-bottom:1px solid transparent;will-change:border-bottom-color;"])),_sticky.selectors.sticky((0,_styledComponents.css)(["will-change:height,box-shadow;"])),(0,_sticky.computeProgressStyles)(function(progress){return(0,_styledComponents.css)(["height:","px;box-shadow:0 2px 5px 0 ",";",";"],60-progress*10,_tsStyleguide.colours.functional.greyStickyBarBoxShadow,_sticky.selectors.stickySizer((0,_styledComponents.css)(["border-bottom-color:",";"],_tsStyleguide.colours.functional.greyStickyBarBorderBottom)));})];});function SaveShareContainerWrapper(props){return _react.default.createElement(_utils.ServerClientRender,{client:function client(){return _react.default.createElement(SaveShareContainer,(0,_extends2.default)({isClient:true},props,{__source:{fileName:_jsxFileName,lineNumber:45,columnNumber:21}}));},server:function server(){return _react.default.createElement(SaveShareContainer,(0,_extends2.default)({},props,{__source:{fileName:_jsxFileName,lineNumber:46,columnNumber:21}}));},__source:{fileName:_jsxFileName,lineNumber:44,columnNumber:5}});}var StyledKeylineItem=(0,_styledComponents.default)(_keylines.ArticleKeylineItem).withConfig({displayName:"sticky-save-and-share-bar__StyledKeylineItem",componentId:"hqppv0-1"})(["",";"],_sticky.selectors.containsSticky((0,_styledComponents.css)(["border-bottom-color:transparent;"])));var shouldBeSticky=(0,_sticky.mediaQuery)("(max-width: "+_tsStyleguide.breakpoints.huge+"px)");function StickySaveAndShareBar(props){return _react.default.createElement(StyledKeylineItem,{__source:{fileName:_jsxFileName,lineNumber:61,columnNumber:5}},_react.default.createElement(_sticky.default,{Component:SaveShareContainerWrapper,shouldBeSticky:shouldBeSticky,__source:{fileName:_jsxFileName,lineNumber:62,columnNumber:7}},_react.default.createElement(_saveAndShareBar.default,(0,_extends2.default)({},props,{__source:{fileName:_jsxFileName,lineNumber:66,columnNumber:9}}))));}var _default=StickySaveAndShareBar;exports.default=_default;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+
+var _saveAndShareBar = _interopRequireDefault(require("@times-components/save-and-share-bar"));
+
+var _sticky = _interopRequireWildcard(require("@times-components/sticky"));
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+var _utils = require("@times-components/utils");
+
+var _keylines = require("./keylines");
+
+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); }
+
+const SaveShareContainer = _styledComponents.default.div.withConfig({
+  displayName: "sticky-save-and-share-bar__SaveShareContainer",
+  componentId: "hqppv0-0"
+})(["background-color:", ";height:60px;", ";"], _tsStyleguide.colours.functional.white, props => props.isClient && [_sticky.selectors.sizer((0, _styledComponents.css)(["border-bottom:1px solid transparent;will-change:border-bottom-color;"])), _sticky.selectors.sticky((0, _styledComponents.css)(["will-change:height,box-shadow;"])), (0, _sticky.computeProgressStyles)(progress => (0, _styledComponents.css)(["height:", "px;box-shadow:0 2px 5px 0 ", ";", ";"], 60 - progress * 10, _tsStyleguide.colours.functional.greyStickyBarBoxShadow, _sticky.selectors.stickySizer((0, _styledComponents.css)(["border-bottom-color:", ";"], _tsStyleguide.colours.functional.greyStickyBarBorderBottom))))]); // This is to avoid transition styles being server side rendered which we
+// do not need. They'll be quite large and are unnecessary on initial render
+
+
+function SaveShareContainerWrapper(props) {
+  return /*#__PURE__*/_react.default.createElement(_utils.ServerClientRender, {
+    client: () => /*#__PURE__*/_react.default.createElement(SaveShareContainer, _extends({
+      isClient: true
+    }, props)),
+    server: () => /*#__PURE__*/_react.default.createElement(SaveShareContainer, props)
+  });
+}
+
+const StyledKeylineItem = (0, _styledComponents.default)(_keylines.ArticleKeylineItem).withConfig({
+  displayName: "sticky-save-and-share-bar__StyledKeylineItem",
+  componentId: "hqppv0-1"
+})(["", ";"], _sticky.selectors.containsSticky((0, _styledComponents.css)(["border-bottom-color:transparent;"])));
+const shouldBeSticky = (0, _sticky.mediaQuery)("(max-width: ".concat(_tsStyleguide.breakpoints.huge, "px)"));
+
+function StickySaveAndShareBar(props) {
+  return /*#__PURE__*/_react.default.createElement(StyledKeylineItem, null, /*#__PURE__*/_react.default.createElement(_sticky.default, {
+    Component: SaveShareContainerWrapper,
+    shouldBeSticky: shouldBeSticky
+  }, /*#__PURE__*/_react.default.createElement(_saveAndShareBar.default, props)));
+}
+
+var _default = StickySaveAndShareBar;
+exports.default = _default;

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

@@ -1 +1,18 @@
-Object.defineProperty(exports,"__esModule",{value:true});exports.dropCapLinkStyles=exports.linkStyles=void 0;var _tsStyleguide=require("@times-components/ts-styleguide");var linkStyles={base:"\n      color: "+_tsStyleguide.colours.functional.action+";\n      font-family: \""+_tsStyleguide.fonts.bodyRegular+"\";\n      line-height: 26px;\n      font-size: "+_tsStyleguide.fontSizes.bodyMobile+"px;\n      margin-bottom: "+(0,_tsStyleguide.spacing)(5)+"px;\n      margin-top: 0;\n  ",medium:"\n      font-size: "+_tsStyleguide.fontSizes.body+"px;\n      line-height: 30px;\n  "};exports.linkStyles=linkStyles;var dropCapLinkStyles={base:"\n    font-size: inherit;\n    text-decoration: none;\n    color: "+_tsStyleguide.colours.functional.action+";\n  "};exports.dropCapLinkStyles=dropCapLinkStyles;
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dropCapLinkStyles = exports.linkStyles = void 0;
+
+var _tsStyleguide = require("@times-components/ts-styleguide");
+
+const linkStyles = {
+  base: "\n      color: ".concat(_tsStyleguide.colours.functional.action, ";\n      font-family: \"").concat(_tsStyleguide.fonts.bodyRegular, "\";\n      line-height: 26px;\n      font-size: ").concat(_tsStyleguide.fontSizes.bodyMobile, "px;\n      margin-bottom: ").concat((0, _tsStyleguide.spacing)(5), "px;\n      margin-top: 0;\n  "),
+  medium: "\n      font-size: ".concat(_tsStyleguide.fontSizes.body, "px;\n      line-height: 30px;\n  ")
+};
+exports.linkStyles = linkStyles;
+const dropCapLinkStyles = {
+  base: "\n    font-size: inherit;\n    text-decoration: none;\n    color: ".concat(_tsStyleguide.colours.functional.action, ";\n  ")
+};
+exports.dropCapLinkStyles = dropCapLinkStyles;