@times-components/article-list 9.19.11 → 9.19.13-alpha.5

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [9.19.12](https://github.com/newsuk/times-components/compare/@times-components/article-list@9.19.11...@times-components/article-list@9.19.12) (2024-10-01)
+
+**Note:** Version bump only for package @times-components/article-list
+
+
+
+
+
 ## [9.19.11](https://github.com/newsuk/times-components/compare/@times-components/article-list@9.19.10...@times-components/article-list@9.19.11) (2024-09-30)
 
 **Note:** Version bump only for package @times-components/article-list

package/dist/styles/responsive.js

@@ -57,6 +57,6 @@ exports.PageErrorContentContainer = PageErrorContentContainer;
 const InlineAdWrapper = _styledComponents.default.div.withConfig({
   displayName: "responsive__InlineAdWrapper",
   componentId: "sc-1c8x8xk-8"
-})(["display:flex;justify-content:center;align-items:center;min-height:250px;box-sizing:content-box;padding:10px 0;border-top:1px solid rgb(219,219,219);border-bottom:1px solid rgb(219,219,219);@media (min-width:768px){min-height:90px;}@media (min-width:970px){min-height:250px;}"]);
+})(["display:flex;justify-content:center;align-items:center;min-height:250px;box-sizing:content-box;padding:10px 0;border-top:1px solid rgb(219,219,219);border-bottom:1px solid rgb(219,219,219);@media (min-width:768px){min-height:90px;}@media (min-width:1024px){min-height:250px;}"]);
 
 exports.InlineAdWrapper = InlineAdWrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@times-components/article-list",
-  "version": "9.19.11",
+  "version": "9.19.13-alpha.5+c117b8f0cc",
   "description": "Paginated list of articles",
   "main": "dist/article-list",
   "dev": "src/article-list",
@@ -33,16 +33,16 @@
   "homepage": "https://github.com/newsuk/times-components#readme",
   "devDependencies": {
     "@babel/core": "7.4.4",
-    "@times-components/eslint-config-thetimes": "0.8.18",
-    "@times-components/jest-configurator-web": "0.8.2",
-    "@times-components/jest-serializer": "3.13.20",
-    "@times-components/provider": "1.41.4",
-    "@times-components/provider-queries": "2.23.3",
-    "@times-components/provider-test-tools": "1.30.4",
-    "@times-components/storybook": "4.12.34",
-    "@times-components/tealium-utils": "0.9.1",
-    "@times-components/test-utils": "2.4.2",
-    "@times-components/webpack-configurator": "2.1.1",
+    "@times-components/eslint-config-thetimes": "^0.8.18",
+    "@times-components/jest-configurator-web": "^0.8.2",
+    "@times-components/jest-serializer": "^3.13.20",
+    "@times-components/provider": "^1.41.4",
+    "@times-components/provider-queries": "^2.23.3",
+    "@times-components/provider-test-tools": "^1.30.4",
+    "@times-components/storybook": "^4.12.34",
+    "@times-components/tealium-utils": "^0.9.1",
+    "@times-components/test-utils": "^2.4.2",
+    "@times-components/webpack-configurator": "^2.1.1",
     "apollo-client": "2.5.1",
     "babel-jest": "24.8.0",
     "babel-loader": "8.0.5",
@@ -60,19 +60,19 @@
     "webpack": "4.30.0"
   },
   "dependencies": {
-    "@times-components/ad": "2.22.23",
-    "@times-components/article-summary": "3.25.8",
-    "@times-components/button": "2.10.61",
-    "@times-components/card": "6.15.1",
-    "@times-components/context": "1.24.0",
-    "@times-components/error-view": "2.6.61",
-    "@times-components/image": "6.18.1",
-    "@times-components/lazy-load": "0.20.0",
-    "@times-components/link": "3.17.34",
-    "@times-components/pagination": "3.13.20",
-    "@times-components/tracking": "2.22.34",
-    "@times-components/ts-styleguide": "1.50.34",
-    "@times-components/utils": "6.26.0",
+    "@times-components/ad": "^2.22.23",
+    "@times-components/article-summary": "^3.25.9-alpha.8+c117b8f0cc",
+    "@times-components/button": "^2.10.61",
+    "@times-components/card": "^6.15.1",
+    "@times-components/context": "^1.24.0",
+    "@times-components/error-view": "^2.6.61",
+    "@times-components/image": "^6.18.1",
+    "@times-components/lazy-load": "^0.20.0",
+    "@times-components/link": "^3.17.34",
+    "@times-components/pagination": "^3.13.20",
+    "@times-components/tracking": "^2.22.34",
+    "@times-components/ts-styleguide": "^1.50.34",
+    "@times-components/utils": "^6.26.0",
     "lodash.get": "4.4.2",
     "prop-types": "15.7.2",
     "styled-components": "4.3.2"
@@ -88,5 +88,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "b3bd146b5c94bbe6d9a8dfa7d51a35906f229449"
+  "gitHead": "c117b8f0cce5203fd91cd19831130d87889b7cd5"
 }

package/rnw.js

@@ -1 +1 @@
-module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=17)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/article-summary/rnw")},function(e,t){e.exports=require("@times-components/button/rnw")},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t){var n=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,r=/^\w*$/,i=/^\./,a=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,o=/\\(\\)?/g,c=/^\[object .+?Constructor\]$/,l="object"==typeof global&&global&&global.Object===Object&&global,s="object"==typeof self&&self&&self.Object===Object&&self,p=l||s||Function("return this")();var u,d=Array.prototype,m=Function.prototype,g=Object.prototype,f=p["__core-js_shared__"],b=(u=/[^.]+$/.exec(f&&f.keys&&f.keys.IE_PROTO||""))?"Symbol(src)_1."+u:"",h=m.toString,y=g.hasOwnProperty,O=g.toString,w=RegExp("^"+h.call(y).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),j=p.Symbol,v=d.splice,x=A(p,"Map"),_=A(Object,"create"),E=j?j.prototype:void 0,S=E?E.toString:void 0;function P(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function C(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function I(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function k(e,t){for(var n,r,i=e.length;i--;)if((n=e[i][0])===(r=t)||n!=n&&r!=r)return i;return-1}function T(e,t){for(var i,a=0,o=(t=function(e,t){if(N(e))return!1;var i=typeof e;if("number"==i||"symbol"==i||"boolean"==i||null==e||F(e))return!0;return r.test(e)||!n.test(e)||null!=t&&e in Object(t)}(t,e)?[t]:N(i=t)?i:q(i)).length;null!=e&&a<o;)e=e[D(t[a++])];return a&&a==o?e:void 0}function R(e){return!(!V(e)||(t=e,b&&b in t))&&(function(e){var t=V(e)?O.call(e):"";return"[object Function]"==t||"[object GeneratorFunction]"==t}(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?w:c).test(function(e){if(null!=e){try{return h.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e));var t}function L(e,t){var n,r,i=e.__data__;return("string"==(r=typeof(n=t))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?i["string"==typeof t?"string":"hash"]:i.map}function A(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return R(n)?n:void 0}P.prototype.clear=function(){this.__data__=_?_(null):{}},P.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},P.prototype.get=function(e){var t=this.__data__;if(_){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return y.call(t,e)?t[e]:void 0},P.prototype.has=function(e){var t=this.__data__;return _?void 0!==t[e]:y.call(t,e)},P.prototype.set=function(e,t){return this.__data__[e]=_&&void 0===t?"__lodash_hash_undefined__":t,this},C.prototype.clear=function(){this.__data__=[]},C.prototype.delete=function(e){var t=this.__data__,n=k(t,e);return!(n<0)&&(n==t.length-1?t.pop():v.call(t,n,1),!0)},C.prototype.get=function(e){var t=this.__data__,n=k(t,e);return n<0?void 0:t[n][1]},C.prototype.has=function(e){return k(this.__data__,e)>-1},C.prototype.set=function(e,t){var n=this.__data__,r=k(n,e);return r<0?n.push([e,t]):n[r][1]=t,this},I.prototype.clear=function(){this.__data__={hash:new P,map:new(x||C),string:new P}},I.prototype.delete=function(e){return L(this,e).delete(e)},I.prototype.get=function(e){return L(this,e).get(e)},I.prototype.has=function(e){return L(this,e).has(e)},I.prototype.set=function(e,t){return L(this,e).set(e,t),this};var q=z((function(e){var t;e=null==(t=e)?"":function(e){if("string"==typeof e)return e;if(F(e))return S?S.call(e):"";var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}(t);var n=[];return i.test(e)&&n.push(""),e.replace(a,(function(e,t,r,i){n.push(r?i.replace(o,"$1"):t||e)})),n}));function D(e){if("string"==typeof e||F(e))return e;var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}function z(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,i=t?t.apply(this,r):r[0],a=n.cache;if(a.has(i))return a.get(i);var o=e.apply(this,r);return n.cache=a.set(i,o),o};return n.cache=new(z.Cache||I),n}z.Cache=I;var N=Array.isArray;function V(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function F(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==O.call(e)}e.exports=function(e,t,n){var r=null==e?void 0:T(e,t);return void 0===r?n:r}},function(e,t){e.exports=require("@times-components/card/rnw")},function(e,t){e.exports=require("@times-components/ad/rnw")},function(e,t){e.exports=require("@times-components/error-view/rnw")},function(e,t){e.exports=require("@times-components/lazy-load/rnw")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t){e.exports=require("@times-components/pagination/rnw")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),a=n(10),o=n(6),c=n.n(o),l=n(11),s=n.n(l),p=n(1),u=n(7),d=n(3),m=n(12),g=n.n(m),f=n(8),b=n.n(f);const h=(e,t)=>t||e,y=e=>{e.scroll({left:0,top:0})};function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var v={listEmptyMessage:w(w({color:p.colours.functional.secondary},Object(p.fontFactory)({font:"bodyRegular",fontSize:"infoTitle"})),{},{marginLeft:Object(p.spacing)(8),marginRight:Object(p.spacing)(8),marginTop:Object(p.spacing)(12),textAlign:"center"}),listEmptyStateContainer:{flex:1},listEmptyWatermarkContainer:{bottom:0,position:"absolute",right:0},listErrorContainer:{height:"100%",justifyContent:"space-between",marginLeft:Object(p.spacing)(2),marginRight:Object(p.spacing)(2),paddingTop:Object(p.spacing)(2),paddingBottom:Object(p.spacing)(2)},listErrorHeading:w(w({alignSelf:"center",color:p.colours.functional.brandColour},Object(p.fontFactory)({font:"headline",fontSize:"leadHeadline"})),{},{marginBottom:Object(p.spacing)(2),textAlign:"center"}),listErrorImageContainer:{alignSelf:"center",marginTop:Object(p.spacing)(4),marginBottom:Object(p.spacing)(4)},listErrorMessage:w(w({color:p.colours.functional.secondary},Object(p.fontFactory)({font:"bodyRegular",fontSize:"infoSubText"})),{},{textAlign:"center"}),listItemContainer:{padding:Object(p.spacing)(2)},listItemSeparator:{backgroundColor:p.colours.functional.keyline,height:1},listItemSeparatorContainer:{paddingLeft:Object(p.spacing)(2),paddingRight:Object(p.spacing)(2)},loadingContainer:{paddingTop:Object(p.spacing)(5),paddingBottom:Object(p.spacing)(5)},paginationContainer:{alignItems:"stretch",flexDirection:"row",justifyContent:"center"},paginationSpacing:{maxWidth:760},showMoreRetryContainer:{alignSelf:"center",padding:Object(p.spacing)(5),width:"100%"}};function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const S=_(_({},v),{},{listContentErrorContainer:{flex:1,margin:Object(p.spacing)(3)},listEmptyBackButton:{alignSelf:"center",marginBottom:Object(p.spacing)(2),marginTop:Object(p.spacing)(4)},listEmptyMessage:_(_({color:p.colours.functional.secondary},Object(p.fontFactory)({font:"bodyRegular",fontSize:"infoTitle"})),{},{left:"25%",position:"absolute",textAlign:"center",top:"140px"}),listEmptyStateContainer:{height:"100vh",justifyContent:"flex-end"},listErrorHeading:_(_({},v.listErrorHeading),{},{marginTop:Object(p.spacing)(4)}),listErrorMessage:_(_({},v.listErrorMessage),{},{lineHeight:27}),paginationSpacing:_(_({},v.paginationSpacing),{},{flex:1})}),P={alignSelf:"center",marginBottom:Object(p.spacing)(2),marginTop:Object(p.spacing)(8)};var C=S;var I=()=>i.a.createElement(r.Fragment,null,i.a.createElement(d.TcText,{style:Object(d.checkStylesForUnits)(C.listErrorHeading)},"Something's gone wrong"),i.a.createElement(d.TcText,{style:Object(d.checkStylesForUnits)(C.listErrorMessage)},"We can't load the page you have requested. Please check your network connection and retry to continue")),k=n(5),T=n.n(k),R=n(9),L=n.n(R),A=n(13),q=n.n(A),D=n(14),z=n.n(D),N=n(2),V=n.n(N);function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const $=H(H({},{article:V.a.shape({headline:V.a.string,id:V.a.oneOfType([V.a.number,V.a.string]).isRequired,label:V.a.string,leadAsset:V.a.shape({crop:V.a.shape({url:V.a.string}),title:V.a.string}),longSummary:V.a.array,publicationName:V.a.string,publishedTime:V.a.string,shortHeadline:V.a.string,shortSummary:V.a.array,summary:V.a.array,url:V.a.string}),fadeImageIn:V.a.bool,highResSize:V.a.number}),{},{imageRatio:V.a.number,showImage:V.a.bool});var B=n(4),W=n.n(B);const U=W()(d.TcView).withConfig({displayName:"responsive__ListContentContainer",componentId:"sc-1c8x8xk-0"})(["margin:0 auto;max-width:680px;width:100%;@media (min-width:","px){padding-left:0;padding-right:0;}@media (min-width:","px){max-width:760px;}"],p.breakpoints.medium,p.breakpoints.huge),Q=W()(d.TcView).withConfig({displayName:"responsive__ListItemWrapper",componentId:"sc-1c8x8xk-1"})(["padding-bottom:",";padding-top:",";padding-left:",";padding-right:",";@media (min-width:","px){padding-left:0;padding-right:0;.articleListImage{flex:2;margin-bottom:0;max-width:285px;min-width:auto;padding-right:",";}.articleListContent{flex:2.7;flex-basis:0 !important;min-width:auto;}}"],Object(p.spacing)(2),Object(p.spacing)(2),Object(p.spacing)(2),Object(p.spacing)(2),p.breakpoints.medium,Object(p.spacing)(3)),G=W()(d.TcView).withConfig({displayName:"responsive__ListItemSeparator",componentId:"sc-1c8x8xk-2"})(["margin-left:",";margin-right:",";@media (min-width:","px){margin-left:0;margin-right:0;}"],Object(p.spacing)(2),Object(p.spacing)(2),p.breakpoints.medium),J=W()(d.TcView).withConfig({displayName:"responsive__ListItemLongText",componentId:"sc-1c8x8xk-3"})(["display:none;@media (min-width:","px){display:block;padding-left:",";}"],p.breakpoints.medium,Object(p.spacing)(3)),K=W()(d.TcView).withConfig({displayName:"responsive__ListItemShortText",componentId:"sc-1c8x8xk-4"})(["display:block;@media (min-width:","px){display:none;}"],p.breakpoints.medium),X=W()(d.TcView).withConfig({displayName:"responsive__PageErrorContainer",componentId:"sc-1c8x8xk-5"})(["flex:1;flex-direction:column;justify-content:space-between;padding-left:10%;padding-right:10%;padding-top:10%;@media (min-width:","px){padding-left:15%;padding-right:15%;}@media (min-width:","px){flex-direction:row-reverse;}"],p.breakpoints.medium,p.breakpoints.wide),Y=W()(d.TcView).withConfig({displayName:"responsive__PageErrorImageContainer",componentId:"sc-1c8x8xk-6"})(["align-self:center;max-width:300px;width:100%;@media (min-width:","px){max-width:428px;}@media (min-width:","px){max-width:none;width:50%;}"],p.breakpoints.medium,p.breakpoints.wide),Z=W()(d.TcView).withConfig({displayName:"responsive__PageErrorContentContainer",componentId:"sc-1c8x8xk-7"})(["@media (min-width:","px){align-self:center;max-width:428px;}"],p.breakpoints.wide),ee=W.a.div.withConfig({displayName:"responsive__InlineAdWrapper",componentId:"sc-1c8x8xk-8"})(["display:flex;justify-content:center;align-items:center;min-height:250px;box-sizing:content-box;padding:10px 0;border-top:1px solid rgb(219,219,219);border-bottom:1px solid rgb(219,219,219);@media (min-width:768px){min-height:90px;}@media (min-width:970px){min-height:250px;}"]);function te(){return(te=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}const ne=e=>{const t=e.article,n=e.fadeImageIn,a=e.highResSize,o=e.imageRatio,c=e.isLoading,l=e.lowResQuality,s=e.lowResSize,u=e.showImage,d=e.index,m=t||{},g=m.bylines,f=m.hasVideo,y=m.headline,O=m.label,w=m.leadAsset,j=m.longSummary,v=m.publicationName,x=m.publishedTime,_=m.section,E=m.shortHeadline,S=m.shortSummary,P=m.summary,C=(I=t,b()(I,"leadAsset.crop.url",b()(I,"leadAsset.posterImage.crop.url",null)));var I;const R=w&&w.caption||"";if(c||!a)return i.a.createElement(Q,null,i.a.createElement(L.a,{contentContainerClass:"articleListContent",imageContainerClass:"articleListImage",imageRatio:o,isLoading:c,showImage:u}));const A={bylineProps:g?{ast:g,color:p.colours.section.default}:null,datePublicationProps:{date:x,publication:v},headline:i.a.createElement(k.ArticleSummaryHeadline,{headline:h(y,E)}),labelProps:{color:p.colours.section[_]||p.colours.section.default,isVideo:f,title:O}},D=u?i.a.createElement(T.a,te({},A,{content:i.a.createElement(k.ArticleSummaryContent,{ast:P})})):i.a.createElement(r.Fragment,null,i.a.createElement(J,null,i.a.createElement(T.a,te({},A,{content:i.a.createElement(k.ArticleSummaryContent,{ast:j})}))),i.a.createElement(K,null,i.a.createElement(T.a,te({},A,{content:i.a.createElement(k.ArticleSummaryContent,{ast:S})}))));return i.a.createElement(q.a.Consumer,null,()=>i.a.createElement(z.a,{url:e.article.url},i.a.createElement(Q,null,i.a.createElement(L.a,{contentContainerClass:"articleListContent",fadeImageIn:n,highResSize:a,imageAccessibilityLabel:R,imageContainerClass:"articleListImage",imageRatio:o,imageUri:C,isLoading:c,lowResQuality:l,lowResSize:s,showImage:u,isLcpItem:0===d},i.a.createElement(p.Animations.FadeIn,null,D)))))};ne.defaultProps={article:null,fadeImageIn:!1,highResSize:null,imageRatio:1,showImage:!0,summary:[]};var re,ie=(re=ne,Object(u.withTrackEvents)(re,{analyticsEvents:[{actionName:"Pressed",eventName:"onPress",getAttrs:e=>{let t=e.article;return{articleHeadline:t.headline,articleId:t.id,scrollDepth:{itemNumber:e.index+1,total:e.length}}}}]}));var ae=()=>i.a.createElement(G,null,i.a.createElement(d.TcView,{style:C.listItemSeparator})),oe=n(15),ce=n.n(oe);function le(){return(le=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var se=e=>i.a.createElement(d.TcView,{style:C.paginationContainer},i.a.createElement(d.TcView,{style:C.paginationSpacing},i.a.createElement(ce.a,le({},e,{generatePageLink:e=>"?page=".concat(e)}))));function pe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ue(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?pe(Object(n),!0).forEach((function(t){de(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):pe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function de(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}ue(ue({},{articleListHeader:V.a.element,articles:V.a.arrayOf(V.a.shape($)),articlesLoading:V.a.bool,emptyStateMessage:V.a.string.isRequired,error:V.a.object,pageSize:V.a.number,receiveChildList:V.a.func,refetch:V.a.func.isRequired}),{},{count:V.a.number,onNext:V.a.func,onPrev:V.a.func,page:V.a.number,pageSize:V.a.number});V.a.string.isRequired;var me=e=>{let t=e.message;return i.a.createElement(d.TcView,{style:C.listEmptyStateContainer},i.a.createElement(d.TcText,{style:Object(d.checkStylesForUnits)(C.listEmptyMessage)},t))},ge=n(16),fe=n.n(ge);V.a.func.isRequired;var be=e=>{let t=e.refetch;return i.a.createElement(X,null,i.a.createElement(Y,null,i.a.createElement(fe.a,{aspectRatio:700/770,uri:"https://www.thetimes.co.uk/d/img/internal-error-c45d0e8347.png"})),i.a.createElement(Z,null,i.a.createElement(I,null),i.a.createElement(c.a,{onPress:t,style:P,title:"Retry"})))};function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ye(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?he(Object(n),!0).forEach((function(t){Oe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Oe(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,"ArticleListPageError",(function(){return be})),n.d(t,"ArticleListEmptyState",(function(){return me}));class we extends r.Component{static getImageSize(e){return"undefined"==typeof window?null:e?Object(d.normaliseWidthForAssetRequestCache)(e.clientWidth):null}constructor(e){super(e),this.advertPosition=4}shouldComponentUpdate(e){return this.props.page===e.page}render(){const e=this.props,t=e.articleListHeader,n=e.articles,o=e.articlesLoading,l=e.count,u=void 0===l?0:l,m=e.emptyStateMessage,f=e.error,b=e.imageRatio,h=e.onNext,O=e.onPrev,w=e.scrollToTop,j=void 0===w||w,v=e.page,x=void 0===v?0:v,_=e.pageSize,E=e.receiveChildList,S=e.refetch,k=e.showImages,T=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.hideResults,n=void 0!==t&&t,r=e.autoScroll,a=void 0!==r&&r;return i.a.createElement(se,{count:u,hideResults:n,onNext:function(){h(...arguments),a&&"undefined"!=typeof window&&y(window)},onPrev:function(){O(...arguments),a&&"undefined"!=typeof window&&y(window)},page:x,pageSize:_})},R=i.a.createElement(U,null,T(),i.a.createElement(d.TcView,{style:C.listContentErrorContainer},i.a.createElement(I,null),i.a.createElement(c.a,{onPress:S,style:P,title:"Retry"}))),L=o?Array(_).fill().map((e,t)=>({elementId:"empty.".concat(t),id:t,isLoading:!0})):n.map((e,t)=>ye(ye({},e),{},{elementId:"".concat(e.id,".").concat(t)})),A=e=>{let t=e.clientHasRendered,n=e.observed,c=e.registerNode;return 0===L.length?i.a.createElement(me,{message:m}):i.a.createElement(d.TcView,null,i.a.createElement(U,null,T({autoScroll:!1,hideResults:!1})),L&&L.map((e,l)=>{const p=e.elementId,u=we.getImageSize(n.get(p));return i.a.createElement(r.Fragment,{key:p},i.a.createElement("div",{"accessibility-label":p,"data-testid":"article-list-item-".concat(l),id:p,ref:e=>c(e)},i.a.createElement(s.a,null,n=>n.hasError?null:i.a.createElement(U,null,0===l?null:i.a.createElement(ae,null),i.a.createElement(ie,{article:e.isLoading?null:e,fadeImageIn:t,highResSize:u,imageRatio:b,index:l,isLoading:!0===e.isLoading||!u,length:L.length,lowResQuality:3,lowResSize:200,showImage:k})))),(()=>l===this.advertPosition?("advert".concat(l),i.a.createElement(ee,null,i.a.createElement(a.AdContainer,{isLoading:o,slotName:"articleListAd"}))):null)())}),T({autoScroll:j,hideResults:!0}))};return o||E(L),i.a.createElement(g.a,{rootMargin:Object(p.spacing)(40),threshold:0},e=>{let n=e.clientHasRendered,r=e.observed,a=e.registerNode;return i.a.createElement(d.TcView,{role:"main"},t,f?R:A({clientHasRendered:n,observed:r,registerNode:a}))})}}we.defaultProps={articleListHeader:null,articles:[],error:null,pageSize:10,receiveChildList:()=>{}};t.default=Object(u.withTrackScrollDepth)(we)}]);
+module.exports=function(e){var t={};function n(r){if(t[r])return t[r].exports;var i=t[r]={i:r,l:!1,exports:{}};return e[r].call(i.exports,i,i.exports,n),i.l=!0,i.exports}return n.m=e,n.c=t,n.d=function(e,t,r){n.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:r})},n.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},n.t=function(e,t){if(1&t&&(e=n(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(n.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var i in e)n.d(r,i,function(t){return e[t]}.bind(null,i));return r},n.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return n.d(t,"a",t),t},n.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},n.p="",n(n.s=17)}([function(e,t){e.exports=require("react")},function(e,t){e.exports=require("@times-components/ts-styleguide/rnw")},function(e,t){e.exports=require("prop-types")},function(e,t){e.exports=require("@times-components/utils/rnw")},function(e,t){e.exports=require("styled-components")},function(e,t){e.exports=require("@times-components/article-summary/rnw")},function(e,t){e.exports=require("@times-components/button/rnw")},function(e,t){e.exports=require("@times-components/tracking/rnw")},function(e,t){var n=/\.|\[(?:[^[\]]*|(["'])(?:(?!\1)[^\\]|\\.)*?\1)\]/,r=/^\w*$/,i=/^\./,a=/[^.[\]]+|\[(?:(-?\d+(?:\.\d+)?)|(["'])((?:(?!\2)[^\\]|\\.)*?)\2)\]|(?=(?:\.|\[\])(?:\.|\[\]|$))/g,o=/\\(\\)?/g,c=/^\[object .+?Constructor\]$/,l="object"==typeof global&&global&&global.Object===Object&&global,s="object"==typeof self&&self&&self.Object===Object&&self,p=l||s||Function("return this")();var u,d=Array.prototype,m=Function.prototype,g=Object.prototype,f=p["__core-js_shared__"],b=(u=/[^.]+$/.exec(f&&f.keys&&f.keys.IE_PROTO||""))?"Symbol(src)_1."+u:"",h=m.toString,y=g.hasOwnProperty,O=g.toString,w=RegExp("^"+h.call(y).replace(/[\\^$.*+?()[\]{}|]/g,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),j=p.Symbol,v=d.splice,x=A(p,"Map"),_=A(Object,"create"),E=j?j.prototype:void 0,S=E?E.toString:void 0;function P(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function C(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function I(e){var t=-1,n=e?e.length:0;for(this.clear();++t<n;){var r=e[t];this.set(r[0],r[1])}}function k(e,t){for(var n,r,i=e.length;i--;)if((n=e[i][0])===(r=t)||n!=n&&r!=r)return i;return-1}function T(e,t){for(var i,a=0,o=(t=function(e,t){if(N(e))return!1;var i=typeof e;if("number"==i||"symbol"==i||"boolean"==i||null==e||F(e))return!0;return r.test(e)||!n.test(e)||null!=t&&e in Object(t)}(t,e)?[t]:N(i=t)?i:q(i)).length;null!=e&&a<o;)e=e[D(t[a++])];return a&&a==o?e:void 0}function R(e){return!(!V(e)||(t=e,b&&b in t))&&(function(e){var t=V(e)?O.call(e):"";return"[object Function]"==t||"[object GeneratorFunction]"==t}(e)||function(e){var t=!1;if(null!=e&&"function"!=typeof e.toString)try{t=!!(e+"")}catch(e){}return t}(e)?w:c).test(function(e){if(null!=e){try{return h.call(e)}catch(e){}try{return e+""}catch(e){}}return""}(e));var t}function L(e,t){var n,r,i=e.__data__;return("string"==(r=typeof(n=t))||"number"==r||"symbol"==r||"boolean"==r?"__proto__"!==n:null===n)?i["string"==typeof t?"string":"hash"]:i.map}function A(e,t){var n=function(e,t){return null==e?void 0:e[t]}(e,t);return R(n)?n:void 0}P.prototype.clear=function(){this.__data__=_?_(null):{}},P.prototype.delete=function(e){return this.has(e)&&delete this.__data__[e]},P.prototype.get=function(e){var t=this.__data__;if(_){var n=t[e];return"__lodash_hash_undefined__"===n?void 0:n}return y.call(t,e)?t[e]:void 0},P.prototype.has=function(e){var t=this.__data__;return _?void 0!==t[e]:y.call(t,e)},P.prototype.set=function(e,t){return this.__data__[e]=_&&void 0===t?"__lodash_hash_undefined__":t,this},C.prototype.clear=function(){this.__data__=[]},C.prototype.delete=function(e){var t=this.__data__,n=k(t,e);return!(n<0)&&(n==t.length-1?t.pop():v.call(t,n,1),!0)},C.prototype.get=function(e){var t=this.__data__,n=k(t,e);return n<0?void 0:t[n][1]},C.prototype.has=function(e){return k(this.__data__,e)>-1},C.prototype.set=function(e,t){var n=this.__data__,r=k(n,e);return r<0?n.push([e,t]):n[r][1]=t,this},I.prototype.clear=function(){this.__data__={hash:new P,map:new(x||C),string:new P}},I.prototype.delete=function(e){return L(this,e).delete(e)},I.prototype.get=function(e){return L(this,e).get(e)},I.prototype.has=function(e){return L(this,e).has(e)},I.prototype.set=function(e,t){return L(this,e).set(e,t),this};var q=z((function(e){var t;e=null==(t=e)?"":function(e){if("string"==typeof e)return e;if(F(e))return S?S.call(e):"";var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}(t);var n=[];return i.test(e)&&n.push(""),e.replace(a,(function(e,t,r,i){n.push(r?i.replace(o,"$1"):t||e)})),n}));function D(e){if("string"==typeof e||F(e))return e;var t=e+"";return"0"==t&&1/e==-1/0?"-0":t}function z(e,t){if("function"!=typeof e||t&&"function"!=typeof t)throw new TypeError("Expected a function");var n=function(){var r=arguments,i=t?t.apply(this,r):r[0],a=n.cache;if(a.has(i))return a.get(i);var o=e.apply(this,r);return n.cache=a.set(i,o),o};return n.cache=new(z.Cache||I),n}z.Cache=I;var N=Array.isArray;function V(e){var t=typeof e;return!!e&&("object"==t||"function"==t)}function F(e){return"symbol"==typeof e||function(e){return!!e&&"object"==typeof e}(e)&&"[object Symbol]"==O.call(e)}e.exports=function(e,t,n){var r=null==e?void 0:T(e,t);return void 0===r?n:r}},function(e,t){e.exports=require("@times-components/card/rnw")},function(e,t){e.exports=require("@times-components/ad/rnw")},function(e,t){e.exports=require("@times-components/error-view/rnw")},function(e,t){e.exports=require("@times-components/lazy-load/rnw")},function(e,t){e.exports=require("@times-components/context/rnw")},function(e,t){e.exports=require("@times-components/link/rnw")},function(e,t){e.exports=require("@times-components/pagination/rnw")},function(e,t){e.exports=require("@times-components/image/rnw")},function(e,t,n){"use strict";n.r(t);var r=n(0),i=n.n(r),a=n(10),o=n(6),c=n.n(o),l=n(11),s=n.n(l),p=n(1),u=n(7),d=n(3),m=n(12),g=n.n(m),f=n(8),b=n.n(f);const h=(e,t)=>t||e,y=e=>{e.scroll({left:0,top:0})};function O(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function w(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?O(Object(n),!0).forEach((function(t){j(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):O(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function j(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var v={listEmptyMessage:w(w({color:p.colours.functional.secondary},Object(p.fontFactory)({font:"bodyRegular",fontSize:"infoTitle"})),{},{marginLeft:Object(p.spacing)(8),marginRight:Object(p.spacing)(8),marginTop:Object(p.spacing)(12),textAlign:"center"}),listEmptyStateContainer:{flex:1},listEmptyWatermarkContainer:{bottom:0,position:"absolute",right:0},listErrorContainer:{height:"100%",justifyContent:"space-between",marginLeft:Object(p.spacing)(2),marginRight:Object(p.spacing)(2),paddingTop:Object(p.spacing)(2),paddingBottom:Object(p.spacing)(2)},listErrorHeading:w(w({alignSelf:"center",color:p.colours.functional.brandColour},Object(p.fontFactory)({font:"headline",fontSize:"leadHeadline"})),{},{marginBottom:Object(p.spacing)(2),textAlign:"center"}),listErrorImageContainer:{alignSelf:"center",marginTop:Object(p.spacing)(4),marginBottom:Object(p.spacing)(4)},listErrorMessage:w(w({color:p.colours.functional.secondary},Object(p.fontFactory)({font:"bodyRegular",fontSize:"infoSubText"})),{},{textAlign:"center"}),listItemContainer:{padding:Object(p.spacing)(2)},listItemSeparator:{backgroundColor:p.colours.functional.keyline,height:1},listItemSeparatorContainer:{paddingLeft:Object(p.spacing)(2),paddingRight:Object(p.spacing)(2)},loadingContainer:{paddingTop:Object(p.spacing)(5),paddingBottom:Object(p.spacing)(5)},paginationContainer:{alignItems:"stretch",flexDirection:"row",justifyContent:"center"},paginationSpacing:{maxWidth:760},showMoreRetryContainer:{alignSelf:"center",padding:Object(p.spacing)(5),width:"100%"}};function x(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?x(Object(n),!0).forEach((function(t){E(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):x(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function E(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const S=_(_({},v),{},{listContentErrorContainer:{flex:1,margin:Object(p.spacing)(3)},listEmptyBackButton:{alignSelf:"center",marginBottom:Object(p.spacing)(2),marginTop:Object(p.spacing)(4)},listEmptyMessage:_(_({color:p.colours.functional.secondary},Object(p.fontFactory)({font:"bodyRegular",fontSize:"infoTitle"})),{},{left:"25%",position:"absolute",textAlign:"center",top:"140px"}),listEmptyStateContainer:{height:"100vh",justifyContent:"flex-end"},listErrorHeading:_(_({},v.listErrorHeading),{},{marginTop:Object(p.spacing)(4)}),listErrorMessage:_(_({},v.listErrorMessage),{},{lineHeight:27}),paginationSpacing:_(_({},v.paginationSpacing),{},{flex:1})}),P={alignSelf:"center",marginBottom:Object(p.spacing)(2),marginTop:Object(p.spacing)(8)};var C=S;var I=()=>i.a.createElement(r.Fragment,null,i.a.createElement(d.TcText,{style:Object(d.checkStylesForUnits)(C.listErrorHeading)},"Something's gone wrong"),i.a.createElement(d.TcText,{style:Object(d.checkStylesForUnits)(C.listErrorMessage)},"We can't load the page you have requested. Please check your network connection and retry to continue")),k=n(5),T=n.n(k),R=n(9),L=n.n(R),A=n(13),q=n.n(A),D=n(14),z=n.n(D),N=n(2),V=n.n(N);function F(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?F(Object(n),!0).forEach((function(t){M(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):F(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function M(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}const $=H(H({},{article:V.a.shape({headline:V.a.string,id:V.a.oneOfType([V.a.number,V.a.string]).isRequired,label:V.a.string,leadAsset:V.a.shape({crop:V.a.shape({url:V.a.string}),title:V.a.string}),longSummary:V.a.array,publicationName:V.a.string,publishedTime:V.a.string,shortHeadline:V.a.string,shortSummary:V.a.array,summary:V.a.array,url:V.a.string}),fadeImageIn:V.a.bool,highResSize:V.a.number}),{},{imageRatio:V.a.number,showImage:V.a.bool});var B=n(4),W=n.n(B);const U=W()(d.TcView).withConfig({displayName:"responsive__ListContentContainer",componentId:"sc-1c8x8xk-0"})(["margin:0 auto;max-width:680px;width:100%;@media (min-width:","px){padding-left:0;padding-right:0;}@media (min-width:","px){max-width:760px;}"],p.breakpoints.medium,p.breakpoints.huge),Q=W()(d.TcView).withConfig({displayName:"responsive__ListItemWrapper",componentId:"sc-1c8x8xk-1"})(["padding-bottom:",";padding-top:",";padding-left:",";padding-right:",";@media (min-width:","px){padding-left:0;padding-right:0;.articleListImage{flex:2;margin-bottom:0;max-width:285px;min-width:auto;padding-right:",";}.articleListContent{flex:2.7;flex-basis:0 !important;min-width:auto;}}"],Object(p.spacing)(2),Object(p.spacing)(2),Object(p.spacing)(2),Object(p.spacing)(2),p.breakpoints.medium,Object(p.spacing)(3)),G=W()(d.TcView).withConfig({displayName:"responsive__ListItemSeparator",componentId:"sc-1c8x8xk-2"})(["margin-left:",";margin-right:",";@media (min-width:","px){margin-left:0;margin-right:0;}"],Object(p.spacing)(2),Object(p.spacing)(2),p.breakpoints.medium),J=W()(d.TcView).withConfig({displayName:"responsive__ListItemLongText",componentId:"sc-1c8x8xk-3"})(["display:none;@media (min-width:","px){display:block;padding-left:",";}"],p.breakpoints.medium,Object(p.spacing)(3)),K=W()(d.TcView).withConfig({displayName:"responsive__ListItemShortText",componentId:"sc-1c8x8xk-4"})(["display:block;@media (min-width:","px){display:none;}"],p.breakpoints.medium),X=W()(d.TcView).withConfig({displayName:"responsive__PageErrorContainer",componentId:"sc-1c8x8xk-5"})(["flex:1;flex-direction:column;justify-content:space-between;padding-left:10%;padding-right:10%;padding-top:10%;@media (min-width:","px){padding-left:15%;padding-right:15%;}@media (min-width:","px){flex-direction:row-reverse;}"],p.breakpoints.medium,p.breakpoints.wide),Y=W()(d.TcView).withConfig({displayName:"responsive__PageErrorImageContainer",componentId:"sc-1c8x8xk-6"})(["align-self:center;max-width:300px;width:100%;@media (min-width:","px){max-width:428px;}@media (min-width:","px){max-width:none;width:50%;}"],p.breakpoints.medium,p.breakpoints.wide),Z=W()(d.TcView).withConfig({displayName:"responsive__PageErrorContentContainer",componentId:"sc-1c8x8xk-7"})(["@media (min-width:","px){align-self:center;max-width:428px;}"],p.breakpoints.wide),ee=W.a.div.withConfig({displayName:"responsive__InlineAdWrapper",componentId:"sc-1c8x8xk-8"})(["display:flex;justify-content:center;align-items:center;min-height:250px;box-sizing:content-box;padding:10px 0;border-top:1px solid rgb(219,219,219);border-bottom:1px solid rgb(219,219,219);@media (min-width:768px){min-height:90px;}@media (min-width:1024px){min-height:250px;}"]);function te(){return(te=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}const ne=e=>{const t=e.article,n=e.fadeImageIn,a=e.highResSize,o=e.imageRatio,c=e.isLoading,l=e.lowResQuality,s=e.lowResSize,u=e.showImage,d=e.index,m=t||{},g=m.bylines,f=m.hasVideo,y=m.headline,O=m.label,w=m.leadAsset,j=m.longSummary,v=m.publicationName,x=m.publishedTime,_=m.section,E=m.shortHeadline,S=m.shortSummary,P=m.summary,C=(I=t,b()(I,"leadAsset.crop.url",b()(I,"leadAsset.posterImage.crop.url",null)));var I;const R=w&&w.caption||"";if(c||!a)return i.a.createElement(Q,null,i.a.createElement(L.a,{contentContainerClass:"articleListContent",imageContainerClass:"articleListImage",imageRatio:o,isLoading:c,showImage:u}));const A={bylineProps:g?{ast:g,color:p.colours.section.default}:null,datePublicationProps:{date:x,publication:v},headline:i.a.createElement(k.ArticleSummaryHeadline,{headline:h(y,E)}),labelProps:{color:p.colours.section[_]||p.colours.section.default,isVideo:f,title:O}},D=u?i.a.createElement(T.a,te({},A,{content:i.a.createElement(k.ArticleSummaryContent,{ast:P})})):i.a.createElement(r.Fragment,null,i.a.createElement(J,null,i.a.createElement(T.a,te({},A,{content:i.a.createElement(k.ArticleSummaryContent,{ast:j})}))),i.a.createElement(K,null,i.a.createElement(T.a,te({},A,{content:i.a.createElement(k.ArticleSummaryContent,{ast:S})}))));return i.a.createElement(q.a.Consumer,null,()=>i.a.createElement(z.a,{url:e.article.url},i.a.createElement(Q,null,i.a.createElement(L.a,{contentContainerClass:"articleListContent",fadeImageIn:n,highResSize:a,imageAccessibilityLabel:R,imageContainerClass:"articleListImage",imageRatio:o,imageUri:C,isLoading:c,lowResQuality:l,lowResSize:s,showImage:u,isLcpItem:0===d},i.a.createElement(p.Animations.FadeIn,null,D)))))};ne.defaultProps={article:null,fadeImageIn:!1,highResSize:null,imageRatio:1,showImage:!0,summary:[]};var re,ie=(re=ne,Object(u.withTrackEvents)(re,{analyticsEvents:[{actionName:"Pressed",eventName:"onPress",getAttrs:e=>{let t=e.article;return{articleHeadline:t.headline,articleId:t.id,scrollDepth:{itemNumber:e.index+1,total:e.length}}}}]}));var ae=()=>i.a.createElement(G,null,i.a.createElement(d.TcView,{style:C.listItemSeparator})),oe=n(15),ce=n.n(oe);function le(){return(le=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}var se=e=>i.a.createElement(d.TcView,{style:C.paginationContainer},i.a.createElement(d.TcView,{style:C.paginationSpacing},i.a.createElement(ce.a,le({},e,{generatePageLink:e=>"?page=".concat(e)}))));function pe(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ue(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?pe(Object(n),!0).forEach((function(t){de(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):pe(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function de(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}ue(ue({},{articleListHeader:V.a.element,articles:V.a.arrayOf(V.a.shape($)),articlesLoading:V.a.bool,emptyStateMessage:V.a.string.isRequired,error:V.a.object,pageSize:V.a.number,receiveChildList:V.a.func,refetch:V.a.func.isRequired}),{},{count:V.a.number,onNext:V.a.func,onPrev:V.a.func,page:V.a.number,pageSize:V.a.number});V.a.string.isRequired;var me=e=>{let t=e.message;return i.a.createElement(d.TcView,{style:C.listEmptyStateContainer},i.a.createElement(d.TcText,{style:Object(d.checkStylesForUnits)(C.listEmptyMessage)},t))},ge=n(16),fe=n.n(ge);V.a.func.isRequired;var be=e=>{let t=e.refetch;return i.a.createElement(X,null,i.a.createElement(Y,null,i.a.createElement(fe.a,{aspectRatio:700/770,uri:"https://www.thetimes.co.uk/d/img/internal-error-c45d0e8347.png"})),i.a.createElement(Z,null,i.a.createElement(I,null),i.a.createElement(c.a,{onPress:t,style:P,title:"Retry"})))};function he(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ye(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?he(Object(n),!0).forEach((function(t){Oe(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):he(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}function Oe(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}n.d(t,"ArticleListPageError",(function(){return be})),n.d(t,"ArticleListEmptyState",(function(){return me}));class we extends r.Component{static getImageSize(e){return"undefined"==typeof window?null:e?Object(d.normaliseWidthForAssetRequestCache)(e.clientWidth):null}constructor(e){super(e),this.advertPosition=4}shouldComponentUpdate(e){return this.props.page===e.page}render(){const e=this.props,t=e.articleListHeader,n=e.articles,o=e.articlesLoading,l=e.count,u=void 0===l?0:l,m=e.emptyStateMessage,f=e.error,b=e.imageRatio,h=e.onNext,O=e.onPrev,w=e.scrollToTop,j=void 0===w||w,v=e.page,x=void 0===v?0:v,_=e.pageSize,E=e.receiveChildList,S=e.refetch,k=e.showImages,T=function(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.hideResults,n=void 0!==t&&t,r=e.autoScroll,a=void 0!==r&&r;return i.a.createElement(se,{count:u,hideResults:n,onNext:function(){h(...arguments),a&&"undefined"!=typeof window&&y(window)},onPrev:function(){O(...arguments),a&&"undefined"!=typeof window&&y(window)},page:x,pageSize:_})},R=i.a.createElement(U,null,T(),i.a.createElement(d.TcView,{style:C.listContentErrorContainer},i.a.createElement(I,null),i.a.createElement(c.a,{onPress:S,style:P,title:"Retry"}))),L=o?Array(_).fill().map((e,t)=>({elementId:"empty.".concat(t),id:t,isLoading:!0})):n.map((e,t)=>ye(ye({},e),{},{elementId:"".concat(e.id,".").concat(t)})),A=e=>{let t=e.clientHasRendered,n=e.observed,c=e.registerNode;return 0===L.length?i.a.createElement(me,{message:m}):i.a.createElement(d.TcView,null,i.a.createElement(U,null,T({autoScroll:!1,hideResults:!1})),L&&L.map((e,l)=>{const p=e.elementId,u=we.getImageSize(n.get(p));return i.a.createElement(r.Fragment,{key:p},i.a.createElement("div",{"accessibility-label":p,"data-testid":"article-list-item-".concat(l),id:p,ref:e=>c(e)},i.a.createElement(s.a,null,n=>n.hasError?null:i.a.createElement(U,null,0===l?null:i.a.createElement(ae,null),i.a.createElement(ie,{article:e.isLoading?null:e,fadeImageIn:t,highResSize:u,imageRatio:b,index:l,isLoading:!0===e.isLoading||!u,length:L.length,lowResQuality:3,lowResSize:200,showImage:k})))),(()=>l===this.advertPosition?("advert".concat(l),i.a.createElement(ee,null,i.a.createElement(a.AdContainer,{isLoading:o,slotName:"articleListAd"}))):null)())}),T({autoScroll:j,hideResults:!0}))};return o||E(L),i.a.createElement(g.a,{rootMargin:Object(p.spacing)(40),threshold:0},e=>{let n=e.clientHasRendered,r=e.observed,a=e.registerNode;return i.a.createElement(d.TcView,{role:"main"},t,f?R:A({clientHasRendered:n,observed:r,registerNode:a}))})}}we.defaultProps={articleListHeader:null,articles:[],error:null,pageSize:10,receiveChildList:()=>{}};t.default=Object(u.withTrackScrollDepth)(we)}]);