@automattic/newspack-blocks 2.3.0-alpha.2 → 2.3.0-alpha.4

package/CHANGELOG.md

@@ -1,28 +1,23 @@
-# [2.3.0-alpha.2](https://github.com/Automattic/newspack-blocks/compare/v2.3.0-alpha.1...v2.3.0-alpha.2) (2023-12-01)
+# [2.3.0-alpha.4](https://github.com/Automattic/newspack-blocks/compare/v2.3.0-alpha.3...v2.3.0-alpha.4) (2023-12-06)
 
 
 ### Bug Fixes
 
-* replace FILTER_SANITIZE_STRING ([6f805b0](https://github.com/Automattic/newspack-blocks/commit/6f805b0806d24f9e44d293a13ca486fdf23c73ab))
+* **homepage-posts:** handle empty block when printing inline styles ([#1621](https://github.com/Automattic/newspack-blocks/issues/1621)) ([c3aa957](https://github.com/Automattic/newspack-blocks/commit/c3aa9577c2284f2139c8fa1170785db9fe4edfe9))
 
-# [2.3.0-alpha.1](https://github.com/Automattic/newspack-blocks/compare/v2.2.2...v2.3.0-alpha.1) (2023-11-30)
+## [2.2.4](https://github.com/Automattic/newspack-blocks/compare/v2.2.3...v2.2.4) (2023-12-06)
 
 
 ### Bug Fixes
 
-* modal checkout template markup ([#1608](https://github.com/Automattic/newspack-blocks/issues/1608)) ([4d593db](https://github.com/Automattic/newspack-blocks/commit/4d593db4e80b57570e13db2ed203586bab974fb6))
-* **modal-checkout:** prevent initial render of details table ([#1601](https://github.com/Automattic/newspack-blocks/issues/1601)) ([06d4ccd](https://github.com/Automattic/newspack-blocks/commit/06d4ccdc799cb4233a1a85efdbd1264399d85291))
+* **homepage-posts:** handle empty block when printing inline styles ([#1621](https://github.com/Automattic/newspack-blocks/issues/1621)) ([c3aa957](https://github.com/Automattic/newspack-blocks/commit/c3aa9577c2284f2139c8fa1170785db9fe4edfe9))
 
+## [2.2.3](https://github.com/Automattic/newspack-blocks/compare/v2.2.2...v2.2.3) (2023-12-04)
 
-### Features
-
-* improve performance of modal checkout ([#1607](https://github.com/Automattic/newspack-blocks/issues/1607)) ([a48d190](https://github.com/Automattic/newspack-blocks/commit/a48d19068cc0fc22d36f6371bdee447f72177ed7))
-* **modal-checkout:** add filter to cart item data ([#1590](https://github.com/Automattic/newspack-blocks/issues/1590)) ([1e83dc1](https://github.com/Automattic/newspack-blocks/commit/1e83dc119aac531db18dbdcc7aaa4c781aa8576e))
 
+### Bug Fixes
 
-### Performance Improvements
-
-* **modal-checkout:** process checkout request earlier ([#1612](https://github.com/Automattic/newspack-blocks/issues/1612)) ([5c58f5e](https://github.com/Automattic/newspack-blocks/commit/5c58f5e811bb24098afb093c3a4efbb8efa83d4a))
+* update selected tier behavior for donate block ([#1617](https://github.com/Automattic/newspack-blocks/issues/1617)) ([8a9a76f](https://github.com/Automattic/newspack-blocks/commit/8a9a76fb970ffac6f00f67f83a17a931a169c103))
 
 ## [2.2.2](https://github.com/Automattic/newspack-blocks/compare/v2.2.1...v2.2.2) (2023-11-29)
 

package/dist/tiersBased.asset.php

@@ -1 +1 @@
-<?php return array('dependencies' => array('wp-polyfill'), 'version' => 'a1607fccc45bc23b69a937110e6bc516');
+<?php return array('dependencies' => array('wp-polyfill'), 'version' => 'a736f6d9cc9b56225e886b53f4ea8baf');

package/dist/tiersBased.js

@@ -1 +1 @@
-(()=>{var t={7954:t=>{var e=/^\s+|\s+$/g,n=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,i=/^0o[0-7]+$/i,o=parseInt,a="object"==typeof window&&window&&window.Object===Object&&window,u="object"==typeof self&&self&&self.Object===Object&&self,c=a||u||Function("return this")(),l=Object.prototype.toString,s=Math.max,d=Math.min,f=function(){return c.Date.now()};function b(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function v(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==l.call(t)}(t))return NaN;if(b(t)){var a="function"==typeof t.valueOf?t.valueOf():t;t=b(a)?a+"":a}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(e,"");var u=r.test(t);return u||i.test(t)?o(t.slice(2),u?2:8):n.test(t)?NaN:+t}t.exports=function(t,e,n){var r,i,o,a,u,c,l=0,p=!1,y=!1,_=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function m(e){var n=r,o=i;return r=i=void 0,l=e,a=t.apply(o,n)}function w(t){return l=t,u=setTimeout(g,e),p?m(t):a}function h(t){var n=t-c;return void 0===c||n>=e||n<0||y&&t-l>=o}function g(){var t=f();if(h(t))return S(t);u=setTimeout(g,function(t){var n=e-(t-c);return y?d(n,o-(t-l)):n}(t))}function S(t){return u=void 0,_&&r?m(t):(r=i=void 0,a)}function q(){var t=f(),n=h(t);if(r=arguments,i=this,c=t,n){if(void 0===u)return w(c);if(y)return u=setTimeout(g,e),m(c)}return void 0===u&&(u=setTimeout(g,e)),a}return e=v(e)||0,b(n)&&(p=!!n.leading,o=(y="maxWait"in n)?s(v(n.maxWait)||0,e):o,_="trailing"in n?!!n.trailing:_),q.cancel=function(){void 0!==u&&clearTimeout(u),l=0,r=c=i=u=void 0},q.flush=function(){return void 0===u?a:S(f())},q}}},e={};function n(r){var i=e[r];if(void 0!==i)return i.exports;var o=e[r]={exports:{}};return t[r](o,o.exports,n),o.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var r={};(()=>{"use strict";n.r(r),n.d(r,{processTiersBasedElements:()=>c});var t=n(7954),e=n.n(t),i=function(t,n){var r=t.querySelector(".wpbnbd__tiers__options"),i=t.querySelector(".wpbnbd__tiers__options__dots");if(r&&i&&n){var o=function(){return Array.from(r.children).map((function(t){return{el:t,width:t.clientWidth}}))},a=o(),u=Math.round(a.length/2)-1,c=function(){return a[u].width},l=function(){return a.map((function(t,e){return s*e}))},s=c(),d=l(),f=u*s;window.addEventListener("resize",(function(){a=o(),s=c(),d=l(),r.scrollTo(f,0)}));var b=Array.from(i.children),v=e()((function(){var t,e,i,o=(t=d,e=r.scrollLeft,i=t.reduce((function(t,n){return Math.abs(n-e)<Math.abs(t)?n-e:t}),1/0)+e,t.indexOf(i));b.forEach((function(t,e){t.style.backgroundColor=e===o?n.buttonColor:""}))}),100);r.addEventListener("scroll",v),b.forEach((function(t,e){t.addEventListener("click",(function(){r.scrollTo({left:e*s,behavior:"smooth"})}))})),r.scrollTo(f,0)}},o=function(t){return'.wpbnbd__tiers__amount [data-frequency-slug="'.concat(t,'"]')};const a=function(t){var e=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";try{var e=JSON.parse(t);return{params:{frequency:e[0],tierPrefix:e[1]},initialFrequency:e[2],tiersBasedOptions:e[3],amounts:e[4],renewsAt:{month:e[5],year:e[6]},isRenderingStripePaymentForm:e[7],buttonColor:e[8]}}catch(n){return!1}}(t.getAttribute("data-tiers-based-config")||"");if(e){var n=t.querySelectorAll(".wpbnbd__tiers__selection button"),r=t.querySelectorAll(".wpbnbd__tiers__amount [data-frequency-slug]"),a=t.querySelector('input[name="'.concat(e.params.frequency,'"]')),u=t.querySelector("form[data-is-init-form]");if(n&&r&&a&&u){i(t,e);var c=e.initialFrequency,l=0;n.forEach((function(i){i.addEventListener("click",(function(){var u=i.getAttribute("data-frequency-slug");u&&(c=u,a.setAttribute("value",c),r.forEach((function(t){return t.style.display="none"})),t.querySelectorAll(o(c)).forEach((function(t){return t.style.display="inline"})),n.forEach((function(t){return t.classList.toggle("wpbnbd__button--active")})),t.querySelectorAll('button[type="submit"]').forEach((function(t){if(c){t.setAttribute("name","".concat(e.params.tierPrefix).concat(c));var n=t.getAttribute("data-tier-index"),r=document.querySelector("".concat(o(c),'[data-tier-index="').concat(n,'"]'));if(r){var i=r.getAttribute("data-amount");i&&t.setAttribute("value",i)}}})))}))}));var s=t.querySelector("button.wpbnbd__tiers__back-button"),d=t.querySelectorAll(".wpbnbd__tiers__tier button"),f=t.querySelectorAll(".wpbnbd__tiers__view"),b=function(){return f.forEach((function(t){return t.classList.toggle("wpbnbd__tiers__view--hidden")}))};d.forEach((function(n){n.addEventListener("click",(function(){var r,i=parseInt(n.getAttribute("data-tier-index")||"");l=i;var o=t.querySelector(".wpbnbd__tiers__tier-tile h2"),a=t.querySelector(".wpbnbd__tiers__tier-tile span[data-amount]"),u=t.querySelector(".wpbnbd__tiers__tier-tile span[data-frequency]"),s=t.querySelector(".wpbnbd__tiers__tier-tile span[data-renews-date]");if(!isNaN(i)&&o&&a&&u&&s){var d=e.tiersBasedOptions[i],f=null===(r=t.querySelector('[data-frequency-slug="'.concat(c,'"]')))||void 0===r?void 0:r.getAttribute("data-frequency-label");o.textContent=d.heading,u.textContent=f||"",a.textContent=e.amounts[c][i],s.textContent=e.renewsAt[c],b()}}))})),e.isRenderingStripePaymentForm&&(u.addEventListener("submit",(function(n){n.preventDefault();var r=t.querySelector("form[data-is-streamlined-form]");if(r){var i=r.querySelector("input[data-is-streamlined-input-amount]"),o=r.querySelector('input[name="'.concat(e.params.frequency,'"]'));if(i&&o){var a=e.amounts[c][l];i.setAttribute("value",a),i.setAttribute("name","".concat(e.params.tierPrefix).concat(c)),o.setAttribute("value",c),r.dispatchEvent(new Event("change"))}}})),null==s||s.addEventListener("click",b)),window.addEventListener("newspackPaymentFlowComplete-".concat(t.id),(function(){s&&(s.style.display="none")}))}}};var u,c=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document,e=t.querySelectorAll(".wpbnbd--tiers-based");e.forEach(a)};"undefined"!=typeof window&&(u=function(){return c()},"undefined"!=typeof document&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",u):u()))})();var i=window;for(var o in r)i[o]=r[o];r.__esModule&&Object.defineProperty(i,"__esModule",{value:!0})})();
+(()=>{var t={7954:t=>{var e=/^\s+|\s+$/g,n=/^[-+]0x[0-9a-f]+$/i,r=/^0b[01]+$/i,i=/^0o[0-7]+$/i,o=parseInt,a="object"==typeof window&&window&&window.Object===Object&&window,u="object"==typeof self&&self&&self.Object===Object&&self,c=a||u||Function("return this")(),s=Object.prototype.toString,d=Math.max,l=Math.min,f=function(){return c.Date.now()};function b(t){var e=typeof t;return!!t&&("object"==e||"function"==e)}function v(t){if("number"==typeof t)return t;if(function(t){return"symbol"==typeof t||function(t){return!!t&&"object"==typeof t}(t)&&"[object Symbol]"==s.call(t)}(t))return NaN;if(b(t)){var a="function"==typeof t.valueOf?t.valueOf():t;t=b(a)?a+"":a}if("string"!=typeof t)return 0===t?t:+t;t=t.replace(e,"");var u=r.test(t);return u||i.test(t)?o(t.slice(2),u?2:8):n.test(t)?NaN:+t}t.exports=function(t,e,n){var r,i,o,a,u,c,s=0,p=!1,y=!1,_=!0;if("function"!=typeof t)throw new TypeError("Expected a function");function m(e){var n=r,o=i;return r=i=void 0,s=e,a=t.apply(o,n)}function w(t){return s=t,u=setTimeout(g,e),p?m(t):a}function h(t){var n=t-c;return void 0===c||n>=e||n<0||y&&t-s>=o}function g(){var t=f();if(h(t))return q(t);u=setTimeout(g,function(t){var n=e-(t-c);return y?l(n,o-(t-s)):n}(t))}function q(t){return u=void 0,_&&r?m(t):(r=i=void 0,a)}function S(){var t=f(),n=h(t);if(r=arguments,i=this,c=t,n){if(void 0===u)return w(c);if(y)return u=setTimeout(g,e),m(c)}return void 0===u&&(u=setTimeout(g,e)),a}return e=v(e)||0,b(n)&&(p=!!n.leading,o=(y="maxWait"in n)?d(v(n.maxWait)||0,e):o,_="trailing"in n?!!n.trailing:_),S.cancel=function(){void 0!==u&&clearTimeout(u),s=0,r=c=i=u=void 0},S.flush=function(){return void 0===u?a:q(f())},S}}},e={};function n(r){var i=e[r];if(void 0!==i)return i.exports;var o=e[r]={exports:{}};return t[r](o,o.exports,n),o.exports}n.n=t=>{var e=t&&t.__esModule?()=>t.default:()=>t;return n.d(e,{a:e}),e},n.d=(t,e)=>{for(var r in e)n.o(e,r)&&!n.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:e[r]})},n.o=(t,e)=>Object.prototype.hasOwnProperty.call(t,e),n.r=t=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})};var r={};(()=>{"use strict";n.r(r),n.d(r,{processTiersBasedElements:()=>s});var t=n(7954),e=n.n(t),i=function(t,n){var r=t.querySelector(".wpbnbd__tiers__options"),i=t.querySelector(".wpbnbd__tiers__options__dots");if(r&&i&&n){var o=function(){return Array.from(r.children).map((function(t){return{el:t,width:t.clientWidth}}))},a=o(),u=Math.round(a.length/2)-1,c=function(){return a[u].width},s=function(){return a.map((function(t,e){return d*e}))},d=c(),l=s(),f=u*d;window.addEventListener("resize",(function(){a=o(),d=c(),l=s(),r.scrollTo(f,0)}));var b=Array.from(i.children),v=e()((function(){var t,e,i,o=(t=l,e=r.scrollLeft,i=t.reduce((function(t,n){return Math.abs(n-e)<Math.abs(t)?n-e:t}),1/0)+e,t.indexOf(i));b.forEach((function(t,e){t.style.backgroundColor=e===o?n.buttonColor:""}))}),100);r.addEventListener("scroll",v),b.forEach((function(t,e){t.addEventListener("click",(function(){r.scrollTo({left:e*d,behavior:"smooth"})}))})),r.scrollTo(f,0)}},o="wpbnbd__button--active",a=function(t){return'.wpbnbd__tiers__amount [data-frequency-slug="'.concat(t,'"]')};const u=function(t){var e=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";try{var e=JSON.parse(t);return{params:{frequency:e[0],tierPrefix:e[1]},initialFrequency:e[2],tiersBasedOptions:e[3],amounts:e[4],renewsAt:{month:e[5],year:e[6]},isRenderingStripePaymentForm:e[7],buttonColor:e[8]}}catch(n){return!1}}(t.getAttribute("data-tiers-based-config")||"");if(e){var n=t.querySelectorAll(".wpbnbd__tiers__selection button"),r=t.querySelectorAll(".wpbnbd__tiers__amount [data-frequency-slug]"),u=t.querySelector('input[name="'.concat(e.params.frequency,'"]')),c=t.querySelector("form[data-is-init-form]");if(n&&r&&u&&c){i(t,e);var s=e.initialFrequency,d=0;n.forEach((function(i){i.addEventListener("click",(function(){var c=i.getAttribute("data-frequency-slug");c&&(s=c,u.setAttribute("value",s),r.forEach((function(t){return t.style.display="none"})),t.querySelectorAll(a(s)).forEach((function(t){return t.style.display="inline"})),n.forEach((function(t){s===t.getAttribute("data-frequency-slug")?t.classList.add(o):t.classList.remove(o)})),t.querySelectorAll('button[type="submit"]').forEach((function(t){if(s){t.setAttribute("name","".concat(e.params.tierPrefix).concat(s));var n=t.getAttribute("data-tier-index"),r=document.querySelector("".concat(a(s),'[data-tier-index="').concat(n,'"]'));if(r){var i=r.getAttribute("data-amount");i&&t.setAttribute("value",i)}}})))}))}));var l=t.querySelector("button.wpbnbd__tiers__back-button"),f=t.querySelectorAll(".wpbnbd__tiers__tier button"),b=t.querySelectorAll(".wpbnbd__tiers__view"),v=function(){return b.forEach((function(t){return t.classList.toggle("wpbnbd__tiers__view--hidden")}))};f.forEach((function(n){n.addEventListener("click",(function(){var r,i=parseInt(n.getAttribute("data-tier-index")||"");d=i;var o=t.querySelector(".wpbnbd__tiers__tier-tile h2"),a=t.querySelector(".wpbnbd__tiers__tier-tile span[data-amount]"),u=t.querySelector(".wpbnbd__tiers__tier-tile span[data-frequency]"),c=t.querySelector(".wpbnbd__tiers__tier-tile span[data-renews-date]");if(!isNaN(i)&&o&&a&&u&&c){var l=e.tiersBasedOptions[i],f=null===(r=t.querySelector('[data-frequency-slug="'.concat(s,'"]')))||void 0===r?void 0:r.getAttribute("data-frequency-label");o.textContent=l.heading,u.textContent=f||"",a.textContent=e.amounts[s][i],c.textContent=e.renewsAt[s],v()}}))})),e.isRenderingStripePaymentForm&&(c.addEventListener("submit",(function(n){n.preventDefault();var r=t.querySelector("form[data-is-streamlined-form]");if(r){var i=r.querySelector("input[data-is-streamlined-input-amount]"),o=r.querySelector('input[name="'.concat(e.params.frequency,'"]'));if(i&&o){var a=e.amounts[s][d];i.setAttribute("value",a),i.setAttribute("name","".concat(e.params.tierPrefix).concat(s)),o.setAttribute("value",s),r.dispatchEvent(new Event("change"))}}})),null==l||l.addEventListener("click",v)),window.addEventListener("newspackPaymentFlowComplete-".concat(t.id),(function(){l&&(l.style.display="none")}))}}};var c,s=function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document,e=t.querySelectorAll(".wpbnbd--tiers-based");e.forEach(u)};"undefined"!=typeof window&&(c=function(){return s()},"undefined"!=typeof document&&("complete"!==document.readyState&&"interactive"!==document.readyState?document.addEventListener("DOMContentLoaded",c):c()))})();var i=window;for(var o in r)i[o]=r[o];r.__esModule&&Object.defineProperty(i,"__esModule",{value:!0})})();

package/newspack-blocks.php

@@ -7,7 +7,7 @@
  * Author URI:      https://newspack.com/
  * Text Domain:     newspack-blocks
  * Domain Path:     /languages
- * Version:         2.3.0-alpha.2
+ * Version:         2.3.0-alpha.4
  *
  * @package         Newspack_Blocks
  */
@@ -15,7 +15,7 @@
 define( 'NEWSPACK_BLOCKS__PLUGIN_FILE', __FILE__ );
 define( 'NEWSPACK_BLOCKS__BLOCKS_DIRECTORY', 'dist/' );
 define( 'NEWSPACK_BLOCKS__PLUGIN_DIR', plugin_dir_path( NEWSPACK_BLOCKS__PLUGIN_FILE ) );
-define( 'NEWSPACK_BLOCKS__VERSION', '2.3.0-alpha.2' );
+define( 'NEWSPACK_BLOCKS__VERSION', '2.3.0-alpha.4' );
 
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/class-newspack-blocks.php';
 require_once NEWSPACK_BLOCKS__PLUGIN_DIR . 'includes/class-newspack-blocks-api.php';

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@automattic/newspack-blocks",
-	"version": "2.3.0-alpha.2",
+	"version": "2.3.0-alpha.4",
 	"author": "Automattic",
 	"devDependencies": {
 		"@rushstack/eslint-patch": "^1.5.1",

package/src/blocks/donate/tiers-based/view.ts

@@ -51,7 +51,13 @@ export default ( parentEl: HTMLElement ) => {
 			selectedAmountEls.forEach( el => ( el.style.display = 'inline' ) );
 
 			// Toggle the frequency buttons' active states.
-			frequencyButtonsEls.forEach( el => el.classList.toggle( BUTTON_ACTIVE_CLASSNAME ) );
+			frequencyButtonsEls.forEach( el => {
+				if ( selectedFrequency === el.getAttribute( 'data-frequency-slug' ) ) {
+					el.classList.add( BUTTON_ACTIVE_CLASSNAME );
+				} else {
+					el.classList.remove( BUTTON_ACTIVE_CLASSNAME );
+				}
+			} );
 
 			// Update the value attributes in the form's submit buttons.
 			const submitButtonsEls = parentEl.querySelectorAll( 'button[type="submit"]' );

package/src/blocks/homepage-articles/view.php

@@ -227,6 +227,10 @@ function newspack_blocks_render_block_homepage_articles( $attributes ) {
 	}
 
 	$block_name = apply_filters( 'newspack_blocks_block_name', 'newspack-blocks/homepage-articles' );
+	$article_query = new WP_Query( Newspack_Blocks::build_articles_query( $attributes, $block_name ) );
+	if ( ! $article_query->have_posts() ) {
+		return;
+	}
 
 	// Gather all Homepage Articles blocks on the page and output only the needed CSS.
 	// This CSS will be printed along with the first found block markup.
@@ -249,8 +253,6 @@ function newspack_blocks_render_block_homepage_articles( $attributes ) {
 	// This will let the FSE plugin know we need CSS/JS now.
 	do_action( 'newspack_blocks_render_homepage_articles' );
 
-	$article_query = new WP_Query( Newspack_Blocks::build_articles_query( $attributes, $block_name ) );
-
 	$classes = Newspack_Blocks::block_classes( 'homepage-articles', $attributes, [ 'wpnbha' ] );
 
 	if ( isset( $attributes['postLayout'] ) && 'grid' === $attributes['postLayout'] ) {
@@ -352,55 +354,53 @@ function newspack_blocks_render_block_homepage_articles( $attributes ) {
 
 	ob_start();
 
-	if ( $article_query->have_posts() ) :
-		?>
-		<div
-			class="<?php echo esc_attr( $classes ); ?>"
-			style="<?php echo esc_attr( $styles ); ?>"
-			>
-			<?php echo $inline_style_html; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
-			<div data-posts data-current-post-id="<?php the_ID(); ?>">
-				<?php if ( '' !== $attributes['sectionHeader'] ) : ?>
-					<h2 class="article-section-title">
-						<span><?php echo wp_kses_post( $attributes['sectionHeader'] ); ?></span>
-					</h2>
-				<?php endif; ?>
-				<?php
-				echo Newspack_Blocks::template_inc( // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-					__DIR__ . '/templates/articles-list.php',
-					[
-						'articles_rest_url' => $articles_rest_url, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-						'article_query'     => $article_query, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-						'attributes'        => $attributes, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
-					]
-				);
-				?>
-			</div>
-			<?php
-
-			if ( $has_more_button ) :
-				?>
-				<button type="button" class="wp-block-button__link" data-next="<?php echo esc_url( $articles_rest_url ); ?>">
-				<?php
-				if ( ! empty( $attributes['moreButtonText'] ) ) {
-					echo esc_html( $attributes['moreButtonText'] );
-				} else {
-					esc_html_e( 'Load more posts', 'newspack-blocks' );
-				}
-				?>
-				</button>
-				<p class="loading">
-					<?php esc_html_e( 'Loading...', 'newspack-blocks' ); ?>
-				</p>
-				<p class="error">
-					<?php esc_html_e( 'Something went wrong. Please refresh the page and/or try again.', 'newspack-blocks' ); ?>
-				</p>
-
+	?>
+	<div
+		class="<?php echo esc_attr( $classes ); ?>"
+		style="<?php echo esc_attr( $styles ); ?>"
+		>
+		<?php echo $inline_style_html; // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ?>
+		<div data-posts data-current-post-id="<?php the_ID(); ?>">
+			<?php if ( '' !== $attributes['sectionHeader'] ) : ?>
+				<h2 class="article-section-title">
+					<span><?php echo wp_kses_post( $attributes['sectionHeader'] ); ?></span>
+				</h2>
 			<?php endif; ?>
-
+			<?php
+			echo Newspack_Blocks::template_inc( // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+				__DIR__ . '/templates/articles-list.php',
+				[
+					'articles_rest_url' => $articles_rest_url, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+					'article_query'     => $article_query, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+					'attributes'        => $attributes, // phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped
+				]
+			);
+			?>
 		</div>
 		<?php
-	endif;
+
+		if ( $has_more_button ) :
+			?>
+			<button type="button" class="wp-block-button__link" data-next="<?php echo esc_url( $articles_rest_url ); ?>">
+			<?php
+			if ( ! empty( $attributes['moreButtonText'] ) ) {
+				echo esc_html( $attributes['moreButtonText'] );
+			} else {
+				esc_html_e( 'Load more posts', 'newspack-blocks' );
+			}
+			?>
+			</button>
+			<p class="loading">
+				<?php esc_html_e( 'Loading...', 'newspack-blocks' ); ?>
+			</p>
+			<p class="error">
+				<?php esc_html_e( 'Something went wrong. Please refresh the page and/or try again.', 'newspack-blocks' ); ?>
+			</p>
+
+		<?php endif; ?>
+
+	</div>
+	<?php
 
 	$content = ob_get_clean();
 	Newspack_Blocks::enqueue_view_assets( 'homepage-articles' );

package/vendor/autoload.php

@@ -22,4 +22,4 @@ if (PHP_VERSION_ID < 50600) {
 
 require_once __DIR__ . '/composer/autoload_real.php';
 
-return ComposerAutoloaderInit72b26105572f1741b2b4b9a12cd5b2c7::getLoader();
+return ComposerAutoloaderInitc4d43837b94072ba16fbe4f7df49c2fa::getLoader();

package/vendor/composer/autoload_real.php

@@ -2,7 +2,7 @@
 
 // autoload_real.php @generated by Composer
 
-class ComposerAutoloaderInit72b26105572f1741b2b4b9a12cd5b2c7
+class ComposerAutoloaderInitc4d43837b94072ba16fbe4f7df49c2fa
 {
     private static $loader;
 
@@ -22,12 +22,12 @@ class ComposerAutoloaderInit72b26105572f1741b2b4b9a12cd5b2c7
             return self::$loader;
         }
 
-        spl_autoload_register(array('ComposerAutoloaderInit72b26105572f1741b2b4b9a12cd5b2c7', 'loadClassLoader'), true, true);
+        spl_autoload_register(array('ComposerAutoloaderInitc4d43837b94072ba16fbe4f7df49c2fa', 'loadClassLoader'), true, true);
         self::$loader = $loader = new \Composer\Autoload\ClassLoader(\dirname(__DIR__));
-        spl_autoload_unregister(array('ComposerAutoloaderInit72b26105572f1741b2b4b9a12cd5b2c7', 'loadClassLoader'));
+        spl_autoload_unregister(array('ComposerAutoloaderInitc4d43837b94072ba16fbe4f7df49c2fa', 'loadClassLoader'));
 
         require __DIR__ . '/autoload_static.php';
-        call_user_func(\Composer\Autoload\ComposerStaticInit72b26105572f1741b2b4b9a12cd5b2c7::getInitializer($loader));
+        call_user_func(\Composer\Autoload\ComposerStaticInitc4d43837b94072ba16fbe4f7df49c2fa::getInitializer($loader));
 
         $loader->register(true);
 

package/vendor/composer/autoload_static.php

@@ -4,7 +4,7 @@
 
 namespace Composer\Autoload;
 
-class ComposerStaticInit72b26105572f1741b2b4b9a12cd5b2c7
+class ComposerStaticInitc4d43837b94072ba16fbe4f7df49c2fa
 {
     public static $classMap = array (
         'Composer\\InstalledVersions' => __DIR__ . '/..' . '/composer/InstalledVersions.php',
@@ -13,7 +13,7 @@ class ComposerStaticInit72b26105572f1741b2b4b9a12cd5b2c7
     public static function getInitializer(ClassLoader $loader)
     {
         return \Closure::bind(function () use ($loader) {
-            $loader->classMap = ComposerStaticInit72b26105572f1741b2b4b9a12cd5b2c7::$classMap;
+            $loader->classMap = ComposerStaticInitc4d43837b94072ba16fbe4f7df49c2fa::$classMap;
 
         }, null, ClassLoader::class);
     }

package/vendor/composer/installed.php

@@ -3,7 +3,7 @@
         'name' => 'automattic/newspack-blocks',
         'pretty_version' => 'dev-master',
         'version' => 'dev-master',
-        'reference' => '6f805b0806d24f9e44d293a13ca486fdf23c73ab',
+        'reference' => 'aa2771d4163a11c79e163d2028e2156a66a62911',
         'type' => 'wordpress-plugin',
         'install_path' => __DIR__ . '/../../',
         'aliases' => array(),
@@ -13,7 +13,7 @@
         'automattic/newspack-blocks' => array(
             'pretty_version' => 'dev-master',
             'version' => 'dev-master',
-            'reference' => '6f805b0806d24f9e44d293a13ca486fdf23c73ab',
+            'reference' => 'aa2771d4163a11c79e163d2028e2156a66a62911',
             'type' => 'wordpress-plugin',
             'install_path' => __DIR__ . '/../../',
             'aliases' => array(),