(window.yoastWebpackJsonp=window.yoastWebpackJsonp||[]).push([[26],{0:function(e,t){e.exports=React},10:function(e,t){e.exports=window.yoast.components},4:function(e,t){e.exports=window.yoast.styledComponents},43:function(e,t){e.exports=ReactDOM},8:function(e,t){e.exports=window.wp.i18n},970:function(e,t,n){"use strict";var o=function(){function e(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}return function(t,n,o){return n&&e(t.prototype,n),o&&e(t,o),t}}(),r=n(4),i=c(r),a=n(10),u=c(n(0)),s=c(n(43)),l=n(8);function c(e){return e&&e.__esModule?e:{default:e}}var p=a.utils.getCourseFeed,f=i.default.ul.withConfig({displayName:"courses-overview__CoursesList"})(["display:flex;flex-wrap:wrap;list-style-type:none;padding:0;max-width:1520px;"]),d=i.default.li.withConfig({displayName:"courses-overview__CourseListItem"})(["&&{flex:0 0 288px;margin:",";}"],(0,a.getRtlStyle)("0 16px 16px 0","0 0 16px 16px")),w=function(e){function t(){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var e=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!=typeof t&&"function"!=typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this));return e.state={courses:null},e.getFeed(wpseoCoursesOverviewL10n.version),e}return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,u.default.Component),o(t,[{key:"getFeed",value:function(e){var t=this;p("https://yoast.com/?feed=courses&license="+e).then(function(e){e.items=e.items.map(function(e){return e}),t.setState({courses:e.items})}).catch(function(e){return console.log(e)})}},{key:"getHeaderData",value:function(e){return{image:e.image,title:e.title,link:e.link}}},{key:"getButtonData",value:function(e){return{ctaButtonCopy:e.ctaButtonCopy,ctaButtonType:e.ctaButtonType,ctaButtonUrl:e.ctaButtonUrl}}},{key:"render",value:function(){var e=this,t=this.state.courses;return null===t?null:wp.element.createElement(f,null,t.map(function(t){return wp.element.createElement(d,{key:t.id},wp.element.createElement(a.FullHeightCard,{className:"CourseCard",id:t.id,header:e.getHeaderData(t),banner:"true"===t.isFree?{text:(0,l.__)("Free","wordpress-seo")}:null},wp.element.createElement(a.CardDetails,{description:t.content,courseUrl:t.link,isBundle:t.isBundle,readMoreLinkText:t.readMoreLinkText,ctaButtonData:e.getButtonData(t)})))}))}}]),t}(),m=document.getElementById("yoast-courses-overview");if(m){var y={isRtl:wpseoCoursesOverviewL10n.isRtl};s.default.render(wp.element.createElement(r.ThemeProvider,{theme:y},wp.element.createElement(w,null)),m)}}},[[970,0]]]);